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

package/dist/cjs/components/button/helpers.js

@@ -0,0 +1,69 @@
+'use strict';
+
+var constants = require('./constants.js');
+
+/**
+ * Determines what loader should be displayed in which types of buttons.
+ *
+ * @private
+ * @param {MrlButtonKind} [buttonKind] - the kind of the current button.
+ * @param {MrlGhostIconButtonSize} [buttonSize] - the size of the current button.
+ * @returns {SpinnerComponent} - an MrlSpinner element themed to the button.
+ */
+var _spinnerProps = (buttonKind, buttonSize) => {
+  /** Set the Spinner kind */
+  var spinnerStyle = buttonKind === 'primary' || buttonKind === 'ghost-inverse' ? 'inverse' : 'default';
+  /** Set the Spinner size */
+  var spinnerSize = buttonSize === 'large' || buttonSize === 'medium' ? 'medium' : buttonSize === 'xsmall' ? 'xsmall' : 'small';
+  return {
+    kind: spinnerStyle,
+    size: spinnerSize
+  };
+};
+
+/**
+ * Determines if the button is disabled since multiple states represent disabled
+ *
+ * @private
+ * @param {MrlButtonState} [currentState] - the value of this.state from the component.
+ * @param {boolean} [isLoading] - if the button is loading
+ * @param {MrlButtonState} [enforcedState] - optionally pass in a state to check against.
+ * 		This is used for @Watch statements where this.state is not consistent.
+ * @returns {boolean} - if the button is disabled
+ */
+var _isDisabled = (currentState, isLoading, enforcedState) => {
+  var value = enforcedState || currentState;
+  // We treat Skeleton as disabled so users can't interact with it
+  // Note: this may need to be re-evaluated a bit when we allow screen reader and
+  // keyboard users access to disabled buttons as we would still not want them to
+  // access hydrated skeletons.
+  return isLoading || value === 'disabled' || value === 'selected-disabled' || value === 'skeleton' ? true : false;
+};
+
+/**
+ * Determines if the button is selected since multiple states represent selected
+ *
+ * @private
+ * @param {MrlButtonState} [currentState] - the value of this.state from the component.
+ * @param {MrlButtonState} [enforcedState] - optionally pass in a state to check against.
+ * 		This is used for @Watch statements where this.state is not consistent.
+ * @returns {boolean} - if the button is disabled
+ */
+var _isSelected = (currentState, enforcedState) => {
+  var value = enforcedState || currentState;
+  return value === 'selected' || value === 'selected-disabled' ? true : false;
+};
+
+/**
+ * MrlIconButton and MrlAnimatedIconButton could behave as a toggle button if toggleStyle is 'default' or 'secondary'
+ *
+ * @param {ToggleStyle} toggleStyle type of toggle
+ * @returns {boolean} returns boolean if it's togglable
+ */
+var _isToggleButton = toggleStyle => toggleStyle && constants.allowedButtonValues.toggleStyles.includes(toggleStyle);
+
+exports._isDisabled = _isDisabled;
+exports._isSelected = _isSelected;
+exports._isToggleButton = _isToggleButton;
+exports._spinnerProps = _spinnerProps;
+//# sourceMappingURL=helpers.js.map

package/dist/cjs/components/button/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../../src/components/button/helpers.ts"],"sourcesContent":["import { MrlButtonState, ToggleStyle } from './MrlButton';\nimport { MrlButtonKind, MrlGhostIconButtonSize, allowedButtonValues } from './constants';\nimport { SpinnerComponent, SpinnerSize, SpinnerStyle } from '../loader/constants';\n\n/**\n * Determines what loader should be displayed in which types of buttons.\n *\n * @private\n * @param {MrlButtonKind} [buttonKind] - the kind of the current button.\n * @param {MrlGhostIconButtonSize} [buttonSize] - the size of the current button.\n * @returns {SpinnerComponent} - an MrlSpinner element themed to the button.\n */\nexport const _spinnerProps = (\n\tbuttonKind: MrlButtonKind,\n\tbuttonSize: MrlGhostIconButtonSize\n): SpinnerComponent => {\n\t/** Set the Spinner kind */\n\tconst spinnerStyle: SpinnerStyle =\n\t\tbuttonKind === 'primary' || buttonKind === 'ghost-inverse' ? 'inverse' : 'default';\n\t/** Set the Spinner size */\n\tconst spinnerSize: SpinnerSize =\n\t\tbuttonSize === 'large' || buttonSize === 'medium'\n\t\t\t? 'medium'\n\t\t\t: buttonSize === 'xsmall'\n\t\t\t\t? 'xsmall'\n\t\t\t\t: 'small';\n\n\treturn {\n\t\tkind: spinnerStyle,\n\t\tsize: spinnerSize\n\t};\n};\n\n/**\n * Determines if the button is disabled since multiple states represent disabled\n *\n * @private\n * @param {MrlButtonState} [currentState] - the value of this.state from the component.\n * @param {boolean} [isLoading] - if the button is loading\n * @param {MrlButtonState} [enforcedState] - optionally pass in a state to check against.\n * \t\tThis is used for @Watch statements where this.state is not consistent.\n * @returns {boolean} - if the button is disabled\n */\nexport const _isDisabled = (\n\tcurrentState: MrlButtonState,\n\tisLoading: boolean,\n\tenforcedState?: MrlButtonState\n): boolean => {\n\tconst value = enforcedState || currentState;\n\t// We treat Skeleton as disabled so users can't interact with it\n\t// Note: this may need to be re-evaluated a bit when we allow screen reader and\n\t// keyboard users access to disabled buttons as we would still not want them to\n\t// access hydrated skeletons.\n\treturn isLoading || value === 'disabled' || value === 'selected-disabled' || value === 'skeleton'\n\t\t? true\n\t\t: false;\n};\n\n/**\n * Determines if the button is selected since multiple states represent selected\n *\n * @private\n * @param {MrlButtonState} [currentState] - the value of this.state from the component.\n * @param {MrlButtonState} [enforcedState] - optionally pass in a state to check against.\n * \t\tThis is used for @Watch statements where this.state is not consistent.\n * @returns {boolean} - if the button is disabled\n */\nexport const _isSelected = (\n\tcurrentState: MrlButtonState,\n\tenforcedState?: MrlButtonState\n): boolean => {\n\tconst value = enforcedState || currentState;\n\treturn value === 'selected' || value === 'selected-disabled' ? true : false;\n};\n\n/**\n * MrlIconButton and MrlAnimatedIconButton could behave as a toggle button if toggleStyle is 'default' or 'secondary'\n *\n * @param {ToggleStyle} toggleStyle type of toggle\n * @returns {boolean} returns boolean if it's togglable\n */\nexport const _isToggleButton = (toggleStyle: ToggleStyle): boolean =>\n\ttoggleStyle && allowedButtonValues.toggleStyles.includes(toggleStyle);\n"],"names":["_spinnerProps","buttonKind","buttonSize","spinnerStyle","spinnerSize","kind","size","_isDisabled","currentState","isLoading","enforcedState","value","_isSelected","_isToggleButton","toggleStyle","allowedButtonValues","toggleStyles","includes"],"mappings":";;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,aAAa,GAAGA,CAC5BC,UAAyB,EACzBC,UAAkC,KACZ;AACtB;AACA,EAAA,IAAMC,YAA0B,GAC/BF,UAAU,KAAK,SAAS,IAAIA,UAAU,KAAK,eAAe,GAAG,SAAS,GAAG,SAAS;AACnF;AACA,EAAA,IAAMG,WAAwB,GAC7BF,UAAU,KAAK,OAAO,IAAIA,UAAU,KAAK,QAAQ,GAC9C,QAAQ,GACRA,UAAU,KAAK,QAAQ,GACtB,QAAQ,GACR,OAAO;EAEZ,OAAO;AACNG,IAAAA,IAAI,EAAEF,YAAY;AAClBG,IAAAA,IAAI,EAAEF;GACN;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMG,WAAW,GAAGA,CAC1BC,YAA4B,EAC5BC,SAAkB,EAClBC,aAA8B,KACjB;AACb,EAAA,IAAMC,KAAK,GAAGD,aAAa,IAAIF,YAAY;AAC3C;AACA;AACA;AACA;AACA,EAAA,OAAOC,SAAS,IAAIE,KAAK,KAAK,UAAU,IAAIA,KAAK,KAAK,mBAAmB,IAAIA,KAAK,KAAK,UAAU,GAC9F,IAAI,GACJ,KAAK;AACT;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaC,WAAW,GAAGA,CAC1BJ,YAA4B,EAC5BE,aAA8B,KACjB;AACb,EAAA,IAAMC,KAAK,GAAGD,aAAa,IAAIF,YAAY;EAC3C,OAAOG,KAAK,KAAK,UAAU,IAAIA,KAAK,KAAK,mBAAmB,GAAG,IAAI,GAAG,KAAK;AAC5E;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,IAAME,eAAe,GAAIC,WAAwB,IACvDA,WAAW,IAAIC,6BAAmB,CAACC,YAAY,CAACC,QAAQ,CAACH,WAAW;;;;;;;"}

package/dist/cjs/components/callout/MrlCallout/MrlCallout.js

@@ -0,0 +1,168 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var MrlCallout_module = require('./MrlCallout.module.scss.js');
+var index = require('../../../utils/layers/index.js');
+var setAttributes = require('../../../utils/setAttributes/setAttributes.js');
+var MrlPopover = require('../../popover/MrlPopover/MrlPopover.js');
+var MrlText = require('../../text/MrlText/MrlText.js');
+var MrlTextHeading = require('../../text/MrlTextHeading/MrlTextHeading.js');
+var MrlButton = require('../../button/MrlButton/MrlButton.js');
+
+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 _excluded = ["ariaControls", "alignment", "children", "description", "disableClickOutside", "disableFocusTrap", "eyebrow", "hasCloseButton", "image", "kind", "onOpen", "onClose", "point", "position", "primaryCta", "secondaryCta", "show", "spacing", "title"];
+/**
+ * MrlCallout component.
+ *
+ * @param props - The props.
+ * @returns {React.ReactElement} The MrlCallout component.
+ */
+var MrlCallout = props => {
+  // In some cases when `show` is false, the content is also null or empty.
+  // At the same time callout shows fade-out animation and do not disappear immediately.
+  // Saving last visible content to show it while animating on close.
+  var savedContent = React.useRef();
+  if (props.show) {
+    savedContent.current = {
+      alignment: props.alignment,
+      description: props.description,
+      eyebrow: props.eyebrow,
+      image: props.image,
+      kind: props.kind,
+      title: props.title
+    };
+  }
+  var _ref = props.show ? props : _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), savedContent.current),
+    ariaControls = _ref.ariaControls,
+    _ref$alignment = _ref.alignment,
+    alignment = _ref$alignment === void 0 ? 'center' : _ref$alignment,
+    children = _ref.children,
+    description = _ref.description,
+    _ref$disableClickOuts = _ref.disableClickOutside,
+    disableClickOutside = _ref$disableClickOuts === void 0 ? true : _ref$disableClickOuts,
+    _ref$disableFocusTrap = _ref.disableFocusTrap,
+    disableFocusTrap = _ref$disableFocusTrap === void 0 ? true : _ref$disableFocusTrap,
+    eyebrow = _ref.eyebrow,
+    _ref$hasCloseButton = _ref.hasCloseButton,
+    hasCloseButton = _ref$hasCloseButton === void 0 ? true : _ref$hasCloseButton,
+    image = _ref.image,
+    _ref$kind = _ref.kind,
+    kind = _ref$kind === void 0 ? 'primary' : _ref$kind,
+    onOpen = _ref.onOpen,
+    onClose = _ref.onClose,
+    _ref$point = _ref.point,
+    point = _ref$point === void 0 ? true : _ref$point,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'bottom' : _ref$position,
+    primaryCta = _ref.primaryCta,
+    secondaryCta = _ref.secondaryCta,
+    _ref$show = _ref.show,
+    show = _ref$show === void 0 ? true : _ref$show,
+    spacing = _ref.spacing,
+    title = _ref.title,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  if (/*#__PURE__*/React__namespace.isValidElement(children) && children.type === React__namespace.Fragment) {
+    throw new Error('MrlCallout accepts a single child and does not accept a React.Fragment as a child.');
+  }
+  var calloutId = React__namespace.useMemo(() => setAttributes.getUniqueId('callout-append'), []);
+  var triggerRef = React__namespace.useRef(null);
+  var childElement = React__namespace.useMemo(() => {
+    return React__namespace.Children.map(children, child => {
+      return /*#__PURE__*/React__namespace.cloneElement(child, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, child.props), child.type !== 'button' && {
+        role: 'button'
+      }), {}, {
+        'aria-controls': ariaControls,
+        'aria-expanded': show,
+        id: calloutId
+      }));
+    });
+  }, [calloutId, children, show, ariaControls]);
+
+  // Setting trigger ref to the element with the calloutId (set above in the childElement useMemo)
+  //
+  // We are using querySelector to set the triggerRef instead of assigning a ref directly in childElement because
+  // a child element may already have a ref assigned to it and we don't want to override it.
+  React__namespace.useEffect(() => {
+    triggerRef.current = document.querySelector("#".concat(calloutId));
+  }, [calloutId]);
+  var popoverKind = kind === 'primary' ? 'inverse' : 'primary';
+  var primaryCtaKind = kind === 'primary' ? 'inverse' : 'secondary';
+  var secondaryCtaKind = kind === 'primary' ? 'ghost-inverse' : 'ghost';
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, childElement, triggerRef && /*#__PURE__*/React__namespace.createElement(MrlPopover.MrlPopover, _rollupPluginBabelHelpers.extends({
+    actionState: {
+      actionType: 'click',
+      isOpen: show
+    },
+    alignment: alignment,
+    className: MrlCallout_module.default['MrlCallout'],
+    disableClickToOpen: true,
+    disableClickOutside: disableClickOutside,
+    disableFocusTrap: disableFocusTrap,
+    hasCloseButton: hasCloseButton,
+    kind: popoverKind,
+    onClose: onClose,
+    onOpen: onOpen,
+    point: point,
+    portalProps: {
+      id: index.PORTAL_LAYERS.CALLOUT.name,
+      layer: index.PORTAL_LAYERS.CALLOUT
+    },
+    position: position,
+    spacing: spacing,
+    triggerRef: triggerRef
+  }, rest), /*#__PURE__*/React__namespace.createElement("div", {
+    className: MrlCallout_module.default['MrlCallout--content']
+  }, eyebrow && /*#__PURE__*/React__namespace.createElement(MrlText.MrlText, {
+    attrs: {
+      className: MrlCallout_module.default['MrlCallout--eyebrow']
+    },
+    text: eyebrow
+  }), title && /*#__PURE__*/React__namespace.createElement(MrlTextHeading.MrlTextHeading, {
+    className: MrlCallout_module.default['MrlCallout--title'],
+    level: "2",
+    text: title
+  }), description && /*#__PURE__*/React__namespace.createElement("div", {
+    className: MrlCallout_module.default['MrlCallout--description']
+  }, typeof description === 'string' ? /*#__PURE__*/React__namespace.createElement(MrlText.MrlText, {
+    text: description
+  }) : description), image && /*#__PURE__*/React__namespace.createElement("div", {
+    className: MrlCallout_module.default['MrlCallout--image']
+  }, image), (primaryCta || secondaryCta) && /*#__PURE__*/React__namespace.createElement("div", {
+    className: MrlCallout_module.default['MrlCallout--footer']
+  }, secondaryCta && /*#__PURE__*/React__namespace.createElement(MrlButton.MrlButton, {
+    "data-qa": secondaryCta.dataQa,
+    kind: secondaryCtaKind,
+    onClick: secondaryCta.onClick,
+    text: secondaryCta.text,
+    size: "small"
+  }), primaryCta && /*#__PURE__*/React__namespace.createElement(MrlButton.MrlButton, {
+    "data-qa": primaryCta.dataQa,
+    kind: primaryCtaKind,
+    onClick: primaryCta.onClick,
+    text: primaryCta.text,
+    size: "small"
+  })))));
+};
+
+exports.MrlCallout = MrlCallout;
+//# sourceMappingURL=MrlCallout.js.map

package/dist/cjs/components/callout/MrlCallout/MrlCallout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlCallout.js","sources":["../../../../../src/components/callout/MrlCallout/MrlCallout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MrlPopover, MrlPopoverProps } from '../../popover';\nimport { MrlText, MrlTextHeading } from '../../text';\nimport styles from './MrlCallout.module.scss';\nimport { MrlButton } from '../../button';\nimport { getUniqueId } from '../../../utils';\nimport { PORTAL_LAYERS } from '../../../utils/layers';\nimport { useRef } from 'react';\n\nexport type MrlCalloutPopoverProps = Omit<\n\tMrlPopoverProps,\n\t'children' | 'actionState' | 'isSubMenu' | 'triggerRef' | 'kind'\n>;\n\ninterface MrlCalloutCTA {\n\tonClick: () => void;\n\tdataQa?: string;\n\ttext: string;\n}\n\nexport type CalloutKind = 'primary' | 'secondary';\n\nexport interface MrlCalloutProps extends MrlCalloutPopoverProps {\n\t/** a unique id that binds the callout content and the trigger for assistive technologies */\n\tariaControls?: string;\n\tautoFocus?: boolean;\n\tchildren: React.ReactElement;\n\tdisableClickOutside?: boolean;\n\tdescription?: string | JSX.Element;\n\teyebrow?: string;\n\tid?: string;\n\timage?: JSX.Element;\n\tkind?: CalloutKind;\n\trenderWithPortal?: boolean;\n\tshow: boolean;\n\ttitle?: string;\n\tprimaryCta?: MrlCalloutCTA;\n\tsecondaryCta?: MrlCalloutCTA;\n}\n\ntype MrlCalloutContent = Pick<\n\tMrlCalloutProps,\n\t'alignment' | 'description' | 'eyebrow' | 'image' | 'kind' | 'title'\n>;\n\n/**\n * MrlCallout component.\n *\n * @param props - The props.\n * @returns {React.ReactElement} The MrlCallout component.\n */\nexport const MrlCallout = (props: MrlCalloutProps): React.ReactElement => {\n\t// In some cases when `show` is false, the content is also null or empty.\n\t// At the same time callout shows fade-out animation and do not disappear immediately.\n\t// Saving last visible content to show it while animating on close.\n\tconst savedContent = useRef<MrlCalloutContent>();\n\tif (props.show) {\n\t\tsavedContent.current = {\n\t\t\talignment: props.alignment,\n\t\t\tdescription: props.description,\n\t\t\teyebrow: props.eyebrow,\n\t\t\timage: props.image,\n\t\t\tkind: props.kind,\n\t\t\ttitle: props.title\n\t\t};\n\t}\n\n\tconst {\n\t\tariaControls,\n\t\talignment = 'center',\n\t\tchildren,\n\t\tdescription,\n\t\tdisableClickOutside = true,\n\t\tdisableFocusTrap = true,\n\t\teyebrow,\n\t\thasCloseButton = true,\n\t\timage,\n\t\tkind = 'primary',\n\t\tonOpen,\n\t\tonClose,\n\t\tpoint = true,\n\t\tposition = 'bottom',\n\t\tprimaryCta,\n\t\tsecondaryCta,\n\t\tshow = true,\n\t\tspacing,\n\t\ttitle,\n\t\t...rest\n\t} = props.show ? props : { ...props, ...savedContent.current };\n\n\tif (React.isValidElement(children) && children.type === React.Fragment) {\n\t\tthrow new Error(\n\t\t\t'MrlCallout accepts a single child and does not accept a React.Fragment as a child.'\n\t\t);\n\t}\n\n\tconst calloutId = React.useMemo(() => getUniqueId('callout-append'), []);\n\tconst triggerRef = React.useRef<HTMLElement | null>(null);\n\n\tconst childElement = React.useMemo(() => {\n\t\treturn React.Children.map(children, (child) => {\n\t\t\treturn React.cloneElement(child, {\n\t\t\t\t...child.props,\n\t\t\t\t/** if the callout is tied to an interactive element we need to ensure that it has role=\"button\" */\n\t\t\t\t...(child.type !== 'button' && { role: 'button' }),\n\t\t\t\t'aria-controls': ariaControls,\n\t\t\t\t'aria-expanded': show,\n\t\t\t\tid: calloutId\n\t\t\t});\n\t\t});\n\t}, [calloutId, children, show, ariaControls]);\n\n\t// Setting trigger ref to the element with the calloutId (set above in the childElement useMemo)\n\t//\n\t// We are using querySelector to set the triggerRef instead of assigning a ref directly in childElement because\n\t// a child element may already have a ref assigned to it and we don't want to override it.\n\tReact.useEffect(() => {\n\t\ttriggerRef.current = document.querySelector(`#${calloutId}`) as HTMLElement;\n\t}, [calloutId]);\n\n\tconst popoverKind = kind === 'primary' ? 'inverse' : 'primary';\n\tconst primaryCtaKind = kind === 'primary' ? 'inverse' : 'secondary';\n\tconst secondaryCtaKind = kind === 'primary' ? 'ghost-inverse' : 'ghost';\n\n\treturn (\n\t\t<>\n\t\t\t{childElement}\n\t\t\t{triggerRef && (\n\t\t\t\t<MrlPopover\n\t\t\t\t\tactionState={{ actionType: 'click', isOpen: show }}\n\t\t\t\t\talignment={alignment}\n\t\t\t\t\tclassName={styles['MrlCallout']}\n\t\t\t\t\tdisableClickToOpen\n\t\t\t\t\tdisableClickOutside={disableClickOutside}\n\t\t\t\t\tdisableFocusTrap={disableFocusTrap}\n\t\t\t\t\thasCloseButton={hasCloseButton}\n\t\t\t\t\tkind={popoverKind}\n\t\t\t\t\tonClose={onClose}\n\t\t\t\t\tonOpen={onOpen}\n\t\t\t\t\tpoint={point}\n\t\t\t\t\tportalProps={{\n\t\t\t\t\t\tid: PORTAL_LAYERS.CALLOUT.name,\n\t\t\t\t\t\tlayer: PORTAL_LAYERS.CALLOUT\n\t\t\t\t\t}}\n\t\t\t\t\tposition={position}\n\t\t\t\t\tspacing={spacing}\n\t\t\t\t\ttriggerRef={triggerRef}\n\t\t\t\t\t{...rest}\n\t\t\t\t>\n\t\t\t\t\t<div className={styles['MrlCallout--content']}>\n\t\t\t\t\t\t{eyebrow && (\n\t\t\t\t\t\t\t<MrlText attrs={{ className: styles['MrlCallout--eyebrow'] }} text={eyebrow} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{title && (\n\t\t\t\t\t\t\t<MrlTextHeading className={styles['MrlCallout--title']} level=\"2\" text={title} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{description && (\n\t\t\t\t\t\t\t<div className={styles['MrlCallout--description']}>\n\t\t\t\t\t\t\t\t{typeof description === 'string' ? <MrlText text={description} /> : description}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{image && <div className={styles['MrlCallout--image']}>{image}</div>}\n\t\t\t\t\t\t{(primaryCta || secondaryCta) && (\n\t\t\t\t\t\t\t<div className={styles['MrlCallout--footer']}>\n\t\t\t\t\t\t\t\t{secondaryCta && (\n\t\t\t\t\t\t\t\t\t<MrlButton\n\t\t\t\t\t\t\t\t\t\tdata-qa={secondaryCta.dataQa}\n\t\t\t\t\t\t\t\t\t\tkind={secondaryCtaKind}\n\t\t\t\t\t\t\t\t\t\tonClick={secondaryCta.onClick}\n\t\t\t\t\t\t\t\t\t\ttext={secondaryCta.text}\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{primaryCta && (\n\t\t\t\t\t\t\t\t\t<MrlButton\n\t\t\t\t\t\t\t\t\t\tdata-qa={primaryCta.dataQa}\n\t\t\t\t\t\t\t\t\t\tkind={primaryCtaKind}\n\t\t\t\t\t\t\t\t\t\tonClick={primaryCta.onClick}\n\t\t\t\t\t\t\t\t\t\ttext={primaryCta.text}\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</MrlPopover>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["MrlCallout","props","savedContent","useRef","show","current","alignment","description","eyebrow","image","kind","title","_ref","_objectSpread","ariaControls","_ref$alignment","children","_ref$disableClickOuts","disableClickOutside","_ref$disableFocusTrap","disableFocusTrap","_ref$hasCloseButton","hasCloseButton","_ref$kind","onOpen","onClose","_ref$point","point","_ref$position","position","primaryCta","secondaryCta","_ref$show","spacing","rest","_objectWithoutProperties","_excluded","React","isValidElement","type","Fragment","Error","calloutId","useMemo","getUniqueId","triggerRef","childElement","Children","map","child","cloneElement","role","id","useEffect","document","querySelector","concat","popoverKind","primaryCtaKind","secondaryCtaKind","createElement","MrlPopover","_extends","actionState","actionType","isOpen","className","styles","disableClickToOpen","portalProps","PORTAL_LAYERS","CALLOUT","name","layer","MrlText","attrs","text","MrlTextHeading","level","MrlButton","dataQa","onClick","size"],"mappings":"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"}

package/dist/cjs/components/callout/MrlCallout/MrlCallout.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlCallout--content":"MrlCallout--content--o1NZT","MrlCallout--title":"MrlCallout--title--rEMq8","MrlCallout--eyebrow":"MrlCallout--eyebrow--zPSfr","MrlCallout--description":"MrlCallout--description--s524D","MrlCallout--image":"MrlCallout--image--F809e","MrlCallout--footer":"MrlCallout--footer--sjbLA","MrlCallout":"MrlCallout--O6y8L"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlCallout.module.scss.js.map

package/dist/cjs/components/callout/MrlCallout/MrlCallout.module.scss.js.map

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

package/dist/cjs/components/container/MrlContainer/MrlContainer.js

@@ -0,0 +1,65 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var constants = require('../constants.js');
+var MrlContainer_module = require('./MrlContainer.module.scss.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 = ["children", "className", "kind"];
+
+// If we dont omit style from MrlComponentProps and re-add it in MrlContainerProps, we get an error.
+
+/**
+ * Used to visually and group content and
+ * provide structure in layouts.
+ *
+ * @param props - component props
+ * @returns a MrlContainer React component.
+ */
+function MrlContainer(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$kind = _ref.kind,
+    kind = _ref$kind === void 0 ? constants.defaults.kind : _ref$kind,
+    remainingProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var allClasses = classnames__default.default({
+    'mrl-container': true,
+    [MrlContainer_module.default.MrlContainer]: true,
+    [MrlContainer_module.default["MrlContainer--".concat(kind)]]: kind !== constants.defaults.kind,
+    ["MrlContainer--".concat(kind)]: kind !== constants.defaults.kind
+  }, className);
+  return /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({}, remainingProps, {
+    className: allClasses
+  }), kind === 'nested-options' ? /*#__PURE__*/React__namespace.createElement("div", {
+    className: classnames__default.default(MrlContainer_module.default['MrlContainer--nested-options-container'], 'MrlContainer--nested-options-container')
+  }, /*#__PURE__*/React__namespace.createElement("div", {
+    className: classnames__default.default(MrlContainer_module.default['MrlContainer--nested-options-divider'], 'MrlContainer--nested-options-divider')
+  }), /*#__PURE__*/React__namespace.createElement("div", null, children)) : children);
+}
+
+exports.MrlContainer = MrlContainer;
+//# sourceMappingURL=MrlContainer.js.map

package/dist/cjs/components/container/MrlContainer/MrlContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlContainer.js","sources":["../../../../../src/components/container/MrlContainer/MrlContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { defaults, Kind } from '../constants';\nimport { MrlComponentProps } from '../../../utils';\nimport styles from './MrlContainer.module.scss';\n\n// If we dont omit style from MrlComponentProps and re-add it in MrlContainerProps, we get an error.\nexport interface MrlContainerProps\n\textends Omit<MrlComponentProps, 'style'>,\n\t\tReact.ComponentProps<'div'> {\n\t/** Children to be rendered within the component */\n\tchildren: React.ReactNode;\n\tclassName?: string;\n\t/**\n\t * Defines which color scheme to used based on the background color of the container.\n\t * White/light backgrounds should use \"default\" and dark/saturated color backgrounds\n\t * should use \"inverse\".\n\t */\n\tkind?: Kind;\n}\n\n/**\n * Used to visually and group content and\n * provide structure in layouts.\n *\n * @param props - component props\n * @returns a MrlContainer React component.\n */\nexport function MrlContainer({\n\tchildren,\n\tclassName,\n\tkind = defaults.kind,\n\t...remainingProps\n}: MrlContainerProps): JSX.Element {\n\tconst allClasses = classnames(\n\t\t{\n\t\t\t'mrl-container': true,\n\t\t\t[styles.MrlContainer]: true,\n\t\t\t[styles[`MrlContainer--${kind}`]]: kind !== defaults.kind,\n\t\t\t[`MrlContainer--${kind}`]: kind !== defaults.kind\n\t\t},\n\t\tclassName\n\t);\n\n\treturn (\n\t\t<div {...remainingProps} className={allClasses}>\n\t\t\t{kind === 'nested-options' ? (\n\t\t\t\t<div\n\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\tstyles['MrlContainer--nested-options-container'],\n\t\t\t\t\t\t'MrlContainer--nested-options-container'\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t\tstyles['MrlContainer--nested-options-divider'],\n\t\t\t\t\t\t\t'MrlContainer--nested-options-divider'\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div>{children}</div>\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\tchildren\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"names":["MrlContainer","_ref","children","className","_ref$kind","kind","defaults","remainingProps","_objectWithoutProperties","_excluded","allClasses","classnames","styles","concat","React","createElement","_extends"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;AAeA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,YAAYA,CAAAC,IAAA,EAKO;AAAA,EAAA,IAJlCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAAC,SAAA,GAAAH,IAAA,CACTI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAGE,kBAAQ,CAACD,IAAI,GAAAD,SAAA;AACjBG,IAAAA,cAAc,GAAAC,iDAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA;EAEjB,IAAMC,UAAU,GAAGC,2BAAU,CAC5B;AACC,IAAA,eAAe,EAAE,IAAI;AACrB,IAAA,CAACC,2BAAM,CAACZ,YAAY,GAAG,IAAI;IAC3B,CAACY,2BAAM,CAAA,gBAAA,CAAAC,MAAA,CAAkBR,IAAI,CAAA,CAAG,GAAGA,IAAI,KAAKC,kBAAQ,CAACD,IAAI;AACzD,IAAA,CAAA,gBAAA,CAAAQ,MAAA,CAAkBR,IAAI,IAAKA,IAAI,KAAKC,kBAAQ,CAACD;GAC7C,EACDF,SACD,CAAC;AAED,EAAA,oBACCW,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,iCAAA,KAAST,cAAc,EAAA;AAAEJ,IAAAA,SAAS,EAAEO;AAAW,GAAA,CAAA,EAC7CL,IAAI,KAAK,gBAAgB,gBACzBS,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACCZ,SAAS,EAAEQ,2BAAU,CACpBC,2BAAM,CAAC,wCAAwC,CAAC,EAChD,wCACD;GAAE,eAEFE,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACCZ,SAAS,EAAEQ,2BAAU,CACpBC,2BAAM,CAAC,sCAAsC,CAAC,EAC9C,sCACD;GACA,CAAC,eACFE,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAA,EAAMb,QAAc,CAChB,CAAC,GAENA,QAEG,CAAC;AAER;;;;"}

package/dist/cjs/components/container/MrlContainer/MrlContainer.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlContainer":"MrlContainer--NL5F9","MrlContainer--helper":"MrlContainer--helper--F3ZW8","MrlContainer--nested":"MrlContainer--nested--r_XRG","MrlContainer--nested-options":"MrlContainer--nested-options--eLXfi","MrlContainer--nested-options-container":"MrlContainer--nested-options-container--DWNqy","MrlContainer--nested-options-divider":"MrlContainer--nested-options-divider--TTuWA"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlContainer.module.scss.js.map

package/dist/cjs/components/container/MrlContainer/MrlContainer.module.scss.js.map

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

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

@@ -0,0 +1,12 @@
+'use strict';
+
+/**
+ * Default values for props on the MrlContainer component;
+ * Shared between the component and Storybook
+ */
+var defaults = {
+  kind: 'default'
+};
+
+exports.defaults = defaults;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/container/constants.ts"],"sourcesContent":["export const allowedValues = {\n\tkinds: ['default', 'helper', 'nested', 'nested-options'] as const\n};\n\nexport type Kind = (typeof allowedValues.kinds)[number];\n\nexport interface ContainerDefaults {\n\tkind: Kind;\n}\n\n/**\n * Default values for props on the MrlContainer component;\n * Shared between the component and Storybook\n */\nexport const defaults: ContainerDefaults = {\n\tkind: 'default'\n};\n"],"names":["defaults","kind"],"mappings":";;AAUA;AACA;AACA;AACA;AACO,IAAMA,QAA2B,GAAG;AAC1CC,EAAAA,IAAI,EAAE;AACP;;;;"}

package/dist/cjs/components/divider/MrlDivider/MrlDivider.js

@@ -0,0 +1,95 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var classnames = require('classnames');
+var React = require('react');
+var constants = require('../constants.js');
+var MrlDivider_module = require('./MrlDivider.module.scss.js');
+var setAttributes = require('../../../utils/setAttributes/setAttributes.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 classnames__default = /*#__PURE__*/_interopDefault(classnames);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _excluded = ["attrs", "className", "kind", "length", "orientation", "spacing", "weight"];
+/**
+ * Used to visually and semantically separate two elements.
+ * For visual separation only view this package's mixins
+ *
+ * @param props - component props
+ * @returns a MrlDivider React component.
+ */
+function MrlDivider(_ref) {
+  var _ref$attrs = _ref.attrs,
+    attrs = _ref$attrs === void 0 ? {} : _ref$attrs,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$kind = _ref.kind,
+    kind = _ref$kind === void 0 ? constants.defaults.kind : _ref$kind,
+    length = _ref.length,
+    _ref$orientation = _ref.orientation,
+    orientation = _ref$orientation === void 0 ? constants.defaults.orientation : _ref$orientation,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? constants.defaults.spacing : _ref$spacing,
+    _ref$weight = _ref.weight,
+    weight = _ref$weight === void 0 ? constants.defaults.weight : _ref$weight,
+    remainingProps = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var hasDefinedLength = typeof length !== 'undefined' && length !== '';
+  delete attrs.class;
+  delete attrs.className;
+  var attributes = setAttributes.setAttributes(attrs);
+  // apply classes in a logic order, not based on alphabetization
+  /* eslint-disable sort-keys */
+  var allClasses = classnames__default.default({
+    'mrl-divider': true,
+    [MrlDivider_module.default.MrlDivider]: true,
+    [MrlDivider_module.default['MrlDivider--center']]: hasDefinedLength,
+    [MrlDivider_module.default["MrlDivider--".concat(kind)]]: kind !== constants.defaults.kind,
+    // The implementation between the two different orientations is so different so
+    // we want to make sure we are always scoping our CSS instead of overwriting it
+    [MrlDivider_module.default["MrlDivider--".concat(orientation)]]: true,
+    [MrlDivider_module.default["MrlDivider--".concat(spacing)]]: orientation === 'horizontal' ? spacing !== constants.defaults.spacing : spacing === 'none',
+    [MrlDivider_module.default["MrlDivider--".concat(weight)]]: weight !== constants.defaults.weight
+  }, className);
+  /* eslint-enable sort-keys */
+
+  if (hasDefinedLength) {
+    if (typeof attributes.style === 'undefined') {
+      attributes.style = {};
+    }
+    if (orientation === 'vertical') {
+      attributes.style.height = length;
+    } else {
+      attributes.style.width = length;
+    }
+  }
+  return /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({
+    role: "separator",
+    "aria-orientation": orientation,
+    "aria-hidden": "true"
+  }, attributes, remainingProps, {
+    className: allClasses
+  }));
+}
+
+exports.MrlDivider = MrlDivider;
+//# sourceMappingURL=MrlDivider.js.map

package/dist/cjs/components/divider/MrlDivider/MrlDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlDivider.js","sources":["../../../../../src/components/divider/MrlDivider/MrlDivider.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport * as React from 'react';\nimport { AttrsObject, setAttributes } from '../../../utils';\nimport { defaults, Kind, Orientation, Spacing, Weight } from '../constants';\nimport styles from './MrlDivider.module.scss';\n\ninterface MrlDividerProps {\n\t/**\n\t * Applies additional HTML attributes to the divider element.\n\t */\n\tattrs?: AttrsObject;\n\tclassName?: string;\n\t/**\n\t * Defines which color scheme to used based on the background color of the container.\n\t * White/light backgrounds should use \"default\" and dark/saturated color backgrounds\n\t * should use \"inverse\".\n\t */\n\tkind?: Kind;\n\t/**\n\t * Use to set a width/height of a divider to create an offset from surrounding content.\n\t * This is commonly found in toolbars. Value can be any valid CSS `width/height` value, such as\n\t * a CSS variable or rem value. Warning, vertical dividers may not work if set to a percentage,\n\t * due to browser limitations with calculating dynamic heights. You should not set the parent to\n\t * a static height to make this work as that poses accessibility issues.\n\t */\n\tlength?: string;\n\t/**\n\t * Determines the orientation of the divider based on the sibling elements' orientation.\n\t * Stacked elements should use \"horizontal\" and elements displayed in a row should use\n\t * \"vertical\". Note for the \"vertical\" orientation, only usage between a row of Icon Buttons\n\t * is currently supported.\n\t */\n\torientation?: Orientation;\n\t/**\n\t * Determines how much space to provide between the elements that the divider is separating.\n\t * This option only applies to horizontal orientation.\n\t */\n\tspacing?: Spacing;\n\n\t/**\n\t * Controls the thickness of the divider line. Use \"thin\" for a more subtle divider\n\t * appearance, or \"default\" for the standard divider thickness.\n\t */\n\tweight?: Weight;\n}\n\n/**\n * Used to visually and semantically separate two elements.\n * For visual separation only view this package's mixins\n *\n * @param props - component props\n * @returns a MrlDivider React component.\n */\nexport function MrlDivider({\n\tattrs = {},\n\tclassName = '',\n\tkind = defaults.kind,\n\tlength,\n\torientation = defaults.orientation,\n\tspacing = defaults.spacing,\n\tweight = defaults.weight,\n\t...remainingProps\n}: MrlDividerProps): JSX.Element {\n\tconst hasDefinedLength = typeof length !== 'undefined' && length !== '';\n\n\tdelete attrs.class;\n\tdelete attrs.className;\n\n\tconst attributes = setAttributes(attrs);\n\t// apply classes in a logic order, not based on alphabetization\n\t/* eslint-disable sort-keys */\n\tconst allClasses = classnames(\n\t\t{\n\t\t\t'mrl-divider': true,\n\t\t\t[styles.MrlDivider]: true,\n\t\t\t[styles['MrlDivider--center']]: hasDefinedLength,\n\t\t\t[styles[`MrlDivider--${kind}`]]: kind !== defaults.kind,\n\t\t\t// The implementation between the two different orientations is so different so\n\t\t\t// we want to make sure we are always scoping our CSS instead of overwriting it\n\t\t\t[styles[`MrlDivider--${orientation}`]]: true,\n\t\t\t[styles[`MrlDivider--${spacing}`]]:\n\t\t\t\torientation === 'horizontal' ? spacing !== defaults.spacing : spacing === 'none',\n\t\t\t[styles[`MrlDivider--${weight}`]]: weight !== defaults.weight\n\t\t},\n\t\tclassName\n\t);\n\t/* eslint-enable sort-keys */\n\n\tif (hasDefinedLength) {\n\t\tif (typeof attributes.style === 'undefined') {\n\t\t\tattributes.style = {};\n\t\t}\n\n\t\tif (orientation === 'vertical') {\n\t\t\tattributes.style.height = length;\n\t\t} else {\n\t\t\tattributes.style.width = length;\n\t\t}\n\t}\n\n\treturn (\n\t\t<div\n\t\t\trole=\"separator\"\n\t\t\taria-orientation={orientation}\n\t\t\taria-hidden=\"true\"\n\t\t\t{...attributes}\n\t\t\t{...remainingProps}\n\t\t\tclassName={allClasses}\n\t\t/>\n\t);\n}\n"],"names":["MrlDivider","_ref","_ref$attrs","attrs","_ref$className","className","_ref$kind","kind","defaults","length","_ref$orientation","orientation","_ref$spacing","spacing","_ref$weight","weight","remainingProps","_objectWithoutProperties","_excluded","hasDefinedLength","class","attributes","setAttributes","allClasses","classnames","styles","concat","style","height","width","React","createElement","_extends","role"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,UAAUA,CAAAC,IAAA,EASO;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CARhCE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAAH,IAAA,CACVI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAE,SAAA,GAAAL,IAAA,CACdM,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAGE,kBAAQ,CAACD,IAAI,GAAAD,SAAA;IACpBG,MAAM,GAAAR,IAAA,CAANQ,MAAM;IAAAC,gBAAA,GAAAT,IAAA,CACNU,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAGF,kBAAQ,CAACG,WAAW,GAAAD,gBAAA;IAAAE,YAAA,GAAAX,IAAA,CAClCY,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAGJ,kBAAQ,CAACK,OAAO,GAAAD,YAAA;IAAAE,WAAA,GAAAb,IAAA,CAC1Bc,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAGN,kBAAQ,CAACO,MAAM,GAAAD,WAAA;AACrBE,IAAAA,cAAc,GAAAC,iDAAA,CAAAhB,IAAA,EAAAiB,SAAA,CAAA;EAEjB,IAAMC,gBAAgB,GAAG,OAAOV,MAAM,KAAK,WAAW,IAAIA,MAAM,KAAK,EAAE;EAEvE,OAAON,KAAK,CAACiB,KAAK;EAClB,OAAOjB,KAAK,CAACE,SAAS;AAEtB,EAAA,IAAMgB,UAAU,GAAGC,2BAAa,CAACnB,KAAK,CAAC;AACvC;AACA;EACA,IAAMoB,UAAU,GAAGC,2BAAU,CAC5B;AACC,IAAA,aAAa,EAAE,IAAI;AACnB,IAAA,CAACC,yBAAM,CAACzB,UAAU,GAAG,IAAI;AACzB,IAAA,CAACyB,yBAAM,CAAC,oBAAoB,CAAC,GAAGN,gBAAgB;IAChD,CAACM,yBAAM,CAAA,cAAA,CAAAC,MAAA,CAAgBnB,IAAI,CAAA,CAAG,GAAGA,IAAI,KAAKC,kBAAQ,CAACD,IAAI;AACvD;AACA;AACA,IAAA,CAACkB,yBAAM,CAAA,cAAA,CAAAC,MAAA,CAAgBf,WAAW,CAAA,CAAG,GAAG,IAAI;AAC5C,IAAA,CAACc,yBAAM,CAAA,cAAA,CAAAC,MAAA,CAAgBb,OAAO,CAAA,CAAG,GAChCF,WAAW,KAAK,YAAY,GAAGE,OAAO,KAAKL,kBAAQ,CAACK,OAAO,GAAGA,OAAO,KAAK,MAAM;IACjF,CAACY,yBAAM,CAAA,cAAA,CAAAC,MAAA,CAAgBX,MAAM,EAAG,GAAGA,MAAM,KAAKP,kBAAQ,CAACO;GACvD,EACDV,SACD,CAAC;AACD;;AAEA,EAAA,IAAIc,gBAAgB,EAAE;AACrB,IAAA,IAAI,OAAOE,UAAU,CAACM,KAAK,KAAK,WAAW,EAAE;AAC5CN,MAAAA,UAAU,CAACM,KAAK,GAAG,EAAE;AACtB,IAAA;IAEA,IAAIhB,WAAW,KAAK,UAAU,EAAE;AAC/BU,MAAAA,UAAU,CAACM,KAAK,CAACC,MAAM,GAAGnB,MAAM;AACjC,IAAA,CAAC,MAAM;AACNY,MAAAA,UAAU,CAACM,KAAK,CAACE,KAAK,GAAGpB,MAAM;AAChC,IAAA;AACD,EAAA;AAEA,EAAA,oBACCqB,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,iCAAA,CAAA;AACCC,IAAAA,IAAI,EAAC,WAAW;AAChB,IAAA,kBAAA,EAAkBtB,WAAY;IAC9B,aAAA,EAAY;GAAM,EACdU,UAAU,EACVL,cAAc,EAAA;AAClBX,IAAAA,SAAS,EAAEkB;AAAW,GAAA,CACtB,CAAC;AAEJ;;;;"}

package/dist/cjs/components/divider/MrlDivider/MrlDivider.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlDivider":"MrlDivider--ShT5H","MrlDivider--none":"MrlDivider--none--tdZix","MrlDivider--small":"MrlDivider--small--nbQys","MrlDivider--large":"MrlDivider--large--aKJM5","MrlDivider--xlarge":"MrlDivider--xlarge--pHvCK","MrlDivider--inverse":"MrlDivider--inverse--tyQXp","MrlDivider--vertical":"MrlDivider--vertical--to2id","MrlDivider--thin":"MrlDivider--thin--wHNtu","MrlDivider--horizontal":"MrlDivider--horizontal--EUB9p","MrlDivider--center":"MrlDivider--center--CrRjf"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlDivider.module.scss.js.map

package/dist/cjs/components/divider/MrlDivider/MrlDivider.module.scss.js.map

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

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

@@ -0,0 +1,15 @@
+'use strict';
+
+/**
+ * Default values for props on the Divider component;
+ * Shared between the component and Storybook
+ */
+var defaults = {
+  kind: 'default',
+  orientation: 'horizontal',
+  spacing: 'medium',
+  weight: 'default'
+};
+
+exports.defaults = defaults;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/divider/constants.ts"],"sourcesContent":["export const allowedValues = {\n\tkinds: ['default', 'inverse'] as const,\n\torientations: ['horizontal', 'vertical'] as const,\n\tspacings: ['none', 'small', 'medium', 'large', 'xlarge'] as const,\n\tweight: ['thin', 'default'] as const\n};\n\nexport type Kind = (typeof allowedValues.kinds)[number];\nexport type Orientation = (typeof allowedValues.orientations)[number];\nexport type Spacing = (typeof allowedValues.spacings)[number];\nexport type Weight = (typeof allowedValues.weight)[number];\n\nexport interface DividerDefaults {\n\tkind: Kind;\n\torientation: Orientation;\n\tspacing: Spacing;\n\tweight: Weight;\n}\n\n/**\n * Default values for props on the Divider component;\n * Shared between the component and Storybook\n */\nexport const defaults: DividerDefaults = {\n\tkind: 'default',\n\torientation: 'horizontal',\n\tspacing: 'medium',\n\tweight: 'default'\n};\n"],"names":["defaults","kind","orientation","spacing","weight"],"mappings":";;AAmBA;AACA;AACA;AACA;AACO,IAAMA,QAAyB,GAAG;AACxCC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,WAAW,EAAE,YAAY;AACzBC,EAAAA,OAAO,EAAE,QAAQ;AACjBC,EAAAA,MAAM,EAAE;AACT;;;;"}

package/dist/cjs/components/empty/MrlEmpty.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"mrl-empty":"mrl-empty--bBaPG","mrl-empty-default":"mrl-empty-default--UfKTY","mrl-empty-large":"mrl-empty-large--jiZ0b","mrl-empty-text":"mrl-empty-text--EE6Hx","mrl-empty-text-large":"mrl-empty-text-large--tKa8r","mrl-empty-color-text-secondary":"mrl-empty-color-text-secondary--cR3LB"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlEmpty.module.scss.js.map

package/dist/cjs/components/empty/MrlEmpty.module.scss.js.map

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