@muraldevkit/ui-toolkit 4.66.0-dev-7XJy.1 → 4.66.0-dev-7K0j.1

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

@@ -0,0 +1,83 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MrlLinkButton = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const constants_1 = require("../../button/constants");
+const helpers_1 = require("../../button/helpers");
+const constants_2 = require("../constants");
+const __1 = require("../../");
+const constants_3 = require("../../loader/constants");
+require("./MrlLinkButton.global.css");
+/**
+ * Warning: use this component with care. Our links generally do not look like buttons.
+ * If this interaction does not navigate the user - use `MrlButton`.
+ */
+exports.MrlLinkButton = React.forwardRef(function MrlLinkButton(_a, ref) {
+    var { className, href, icon, iconPos = constants_1.buttonDefaults.iconPos, kind = constants_2.defaults.linkButtonKind, loading = false, loadingText = constants_3.spinnerDefaults.text, onClick, target = constants_2.defaults.target, text, size = constants_1.buttonDefaults.size, tooltip } = _a, remainingProps = __rest(_a, ["className", "href", "icon", "iconPos", "kind", "loading", "loadingText", "onClick", "target", "text", "size", "tooltip"]);
+    /**
+     * 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);
+        }
+    }
+    const classNames = (0, classnames_1.default)('mrlButton mrlLinkButton', `mrlButton--${size}`, `mrlButton--${kind}`, !icon && loading && `mrlButton--loading`, icon && `mrlButton--icon-${iconPos}`, className);
+    const spinnerProps = (0, helpers_1._spinnerProps)(kind, size);
+    const spinnerClass = icon ? '' : 'mrlButton-spinner';
+    const spinner = (React.createElement(__1.MrlSpinner, { className: spinnerClass, kind: spinnerProps.kind, role: "none", size: spinnerProps.size, text: loadingText }));
+    const renderLinkButton = () => (React.createElement("a", Object.assign({}, remainingProps, { className: classNames, href: href, target: target, ref: ref, onClick: handleOnClick }),
+        loading ? spinner : icon,
+        React.createElement("span", { className: "mrlButton-text" }, text)));
+    return !tooltip ? (renderLinkButton()) : (React.createElement(__1.MrlTooltip, { position: tooltip.position || 'bottom', anchor: tooltip.anchor || 'center', text: tooltip.text, dataQa: tooltip.dataQa }, renderLinkButton()));
+});

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MrlLinkButton"), exports);

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaults = exports.allowedValues = void 0;
+exports.allowedValues = {
+    colors: ['default', 'mono', 'inverse'],
+    kind: ['bold', 'simple'],
+    linkButtonKind: ['secondary', 'primary', 'inverse'],
+    sizes: [
+        'default',
+        'large',
+        'medium',
+        'small',
+        'xsmall'
+    ],
+    targets: [
+        '_blank',
+        '_parent',
+        '_top',
+        '_self'
+    ]
+};
+/**
+ * Default values for props on the Link component;
+ * Shared between the component and Storybook
+ */
+exports.defaults = {
+    color: 'default',
+    kind: 'bold',
+    linkButtonKind: 'secondary',
+    size: 'default',
+    target: '_self'
+};

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MrlLink"), exports);
+__exportStar(require("./MrlLinkButton"), exports);

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

@@ -0,0 +1,73 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MrlLiveRegion = void 0;
+const classnames_1 = __importDefault(require("classnames"));
+const utils_1 = require("../../../utils");
+const React = __importStar(require("react"));
+const react_1 = require("react");
+/**
+ * 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.
+ */
+const MrlLiveRegion = (_a) => {
+    var { ariaAtomic, ariaLive, ariaRelevant, id, srContent, visible = false, shouldClearContent = false } = _a, props = __rest(_a, ["ariaAtomic", "ariaLive", "ariaRelevant", "id", "srContent", "visible", "shouldClearContent"]);
+    const [content, setContent] = (0, react_1.useState)('');
+    React.useEffect(() => {
+        setContent(srContent);
+        if (shouldClearContent) {
+            const contentTimeout = setTimeout(() => {
+                setContent('');
+                clearTimeout(contentTimeout);
+            }, 1000);
+            return () => clearTimeout(contentTimeout);
+        }
+    }, [shouldClearContent, srContent]);
+    const nodeId = (0, react_1.useMemo)(() => id || (0, utils_1.getUniqueId)('live-region-'), [id]);
+    const dataQaProp = props['data-qa'];
+    const dataQa = dataQaProp || `${nodeId}-live-region`;
+    const classes = (0, classnames_1.default)('MrlLiveRegion', {
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        'mrl-visually-hidden': !visible
+    });
+    return (React.createElement("p", Object.assign({}, (ariaAtomic ? { 'aria-atomic': ariaAtomic } : {}), { "aria-live": ariaLive }, (ariaRelevant ? { 'aria-relevant': ariaRelevant } : {}), { className: classes, "data-qa": dataQa, id: nodeId }, props), content));
+};
+exports.MrlLiveRegion = MrlLiveRegion;

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MrlLiveRegion = void 0;
+var MrlLiveRegion_1 = require("./MrlLiveRegion");
+Object.defineProperty(exports, "MrlLiveRegion", { enumerable: true, get: function () { return MrlLiveRegion_1.MrlLiveRegion; } });

package/dist/cjs/components/live-region/demo/LiveRegionDemo.js

@@ -0,0 +1,47 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LiveRegionDemo = void 0;
+const React = __importStar(require("react"));
+const button_1 = require("../../button");
+const MrlLiveRegion_1 = require("../MrlLiveRegion");
+/**
+ * Demo of a live region
+ *
+ * @returns {Element} The Live Region Demo
+ */
+const LiveRegionDemo = () => {
+    const [content, setContent] = React.useState(null);
+    const updateContent = (content) => {
+        setContent(content);
+    };
+    const srContent = content || 'This is a live region';
+    return (React.createElement(React.Fragment, null,
+        React.createElement(button_1.MrlButton, { onClick: () => updateContent('You clicked button 1'), text: "Button 1" }),
+        React.createElement(button_1.MrlButton, { onClick: () => updateContent('You clicked button 2'), text: "Button 2" }),
+        React.createElement(button_1.MrlButton, { onClick: () => updateContent('You clicked button 3'), text: "Button 3" }),
+        React.createElement(MrlLiveRegion_1.MrlLiveRegion, { ariaLive: "polite", visible: true, srContent: srContent })));
+};
+exports.LiveRegionDemo = LiveRegionDemo;

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MrlLiveRegion"), exports);

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

@@ -0,0 +1,95 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MrlProgressBar = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const __1 = require("../../");
+const constants_1 = require("../constants");
+const MrlProgressBar_module_scss_1 = __importDefault(require("./MrlProgressBar.module.scss.js"));
+require("../../../styles/shared/a11y-helpers/a11y.global.css");
+/**
+ * MrlProgressBar React component.
+ *
+ * @param props - component props
+ * @returns a MrlProgressBar React component.
+ */
+function MrlProgressBar(_a) {
+    var { children, className = '', indeterminate = false, name, percent = constants_1.progressBarDefaults.percent, showText = constants_1.progressBarDefaults.showText, text, time = 0 } = _a, rest = __rest(_a, ["children", "className", "indeterminate", "name", "percent", "showText", "text", "time"]);
+    const roundPercent = percent ? Math.round(percent) : 0;
+    const containerClasses = (0, classnames_1.default)(MrlProgressBar_module_scss_1.default['MrlProgressBar-container'], 'MrlProgressBar-container', {
+        [`${className}-container`]: className !== ''
+    });
+    const progressBarClasses = (0, classnames_1.default)(MrlProgressBar_module_scss_1.default['MrlProgressBar'], 'MrlProgressBar', className);
+    const textContainerClass = (0, classnames_1.default)(MrlProgressBar_module_scss_1.default['MrlProgressBar--textContainer'], 'MrlProgressBar--textContainer', {
+        'mrl-visually-hidden': !showText
+    });
+    const completeClasses = (0, classnames_1.default)(MrlProgressBar_module_scss_1.default['MrlProgressBar--complete'], {
+        [MrlProgressBar_module_scss_1.default['MrlProgressBar--timed']]: time > 0 && !indeterminate
+    }, {
+        [MrlProgressBar_module_scss_1.default['MrlProgressBar--indeterminate']]: indeterminate
+    });
+    const completeStyle = time > 0 && !indeterminate
+        ? {
+            'animation-duration': `${time}ms`
+        }
+        : indeterminate
+            ? {
+                width: '100%'
+            }
+            : {
+                width: `${roundPercent}%`
+            };
+    const defaultText = time > 0 || indeterminate ? 'Loading' : `${roundPercent === null || roundPercent === void 0 ? void 0 : roundPercent.toString()}% complete`;
+    const ariaValues = time > 0 || indeterminate
+        ? {}
+        : {
+            'aria-valuemin': 0,
+            'aria-valuemax': 100,
+            'aria-valuetext': `${roundPercent}%`,
+            'aria-valuenow': roundPercent
+        };
+    return (React.createElement("div", Object.assign({}, rest, { className: containerClasses }),
+        React.createElement("div", Object.assign({ className: progressBarClasses, "aria-label": name, role: "progressbar" }, ariaValues),
+            React.createElement("div", { className: completeClasses, style: completeStyle })),
+        React.createElement("div", { className: textContainerClass, role: "status" },
+            React.createElement(__1.MrlTextHeading, { hierarchy: "secondary", kind: "title", level: "2", size: "xsmall" }, text || defaultText)),
+        children));
+}
+exports.MrlProgressBar = MrlProgressBar;

package/dist/cjs/components/loader/MrlProgressBar/MrlProgressBar.module.css

@@ -0,0 +1,62 @@
+.MrlProgressBar-container--ZyqY- {
+  min-width: 4.25rem;
+  padding: var(--mrl-spacing-03);
+  width: auto;
+}
+
+.MrlProgressBar--CRPfr {
+  background-color: var(--mrl-black-opacity-00);
+  border-radius: var(--mrl-radii-03);
+  height: var(--mrl-spacing-02);
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+
+.MrlProgressBar--complete--AjvXv {
+  background-color: rgba(var(--mrl-blue-70), 1);
+  border-radius: var(--mrl-radii-03);
+  height: var(--mrl-spacing-02);
+  left: 0;
+  position: absolute;
+  top: 0;
+}
+
+.MrlProgressBar--textContainer--Ptaqr {
+  margin-top: var(--mrl-spacing-03);
+  text-align: center;
+}
+
+@keyframes timed--aqwDP {
+  0% {
+    width: 0;
+  }
+  15% {
+    width: 25%;
+  }
+  70% {
+    width: 72.5%;
+  }
+  100% {
+    width: 100%;
+  }
+}
+.MrlProgressBar--timed--ngaEW {
+  animation-name: timed--aqwDP;
+  animation-timing-function: var(--mrl-timing-m1);
+  width: 100%;
+}
+
+@keyframes indeterminate--glrdG {
+  from {
+    left: -100%;
+  }
+  to {
+    left: 100%;
+  }
+}
+.MrlProgressBar--indeterminate--YbxYt {
+  animation: 2s indeterminate--glrdG var(--mrl-timing-m1) infinite;
+  left: -100%;
+  width: 200%;
+}

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./MrlProgressBar.module.css");
+exports.default = {
+	"MrlProgressBar-container": "MrlProgressBar-container--ZyqY-",
+	"MrlProgressBar": "MrlProgressBar--CRPfr",
+	"MrlProgressBar--complete": "MrlProgressBar--complete--AjvXv",
+	"MrlProgressBar--textContainer": "MrlProgressBar--textContainer--Ptaqr",
+	"MrlProgressBar--timed": "MrlProgressBar--timed--ngaEW",
+	"timed": "timed--aqwDP",
+	"MrlProgressBar--indeterminate": "MrlProgressBar--indeterminate--YbxYt",
+	"indeterminate": "indeterminate--glrdG"
+};

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MrlProgressBar"), exports);

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

@@ -0,0 +1,78 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MrlSpinner = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const constants_1 = require("../constants");
+const MrlSpinner_module_scss_1 = __importDefault(require("./MrlSpinner.module.scss.js"));
+require("../../../styles/shared/a11y-helpers/a11y.global.css");
+/**
+ * MrlSpinner React component.
+ *
+ * @param props - component props
+ * @returns a MrlSpinner React component.
+ */
+function MrlSpinner(_a) {
+    var { className = '', logo = false, kind = constants_1.spinnerDefaults.kind, role = constants_1.spinnerDefaults.role, size = constants_1.spinnerDefaults.size, text = constants_1.spinnerDefaults.text } = _a, rest = __rest(_a, ["className", "logo", "kind", "role", "size", "text"]);
+    const containerClasses = (0, classnames_1.default)(MrlSpinner_module_scss_1.default['MrlSpinner-container'], 'MrlSpinner-container', {
+        [`${className}-container`]: className !== '',
+        [MrlSpinner_module_scss_1.default[`MrlSpinner-container--${size}`]]: size !== constants_1.spinnerDefaults.size,
+        [MrlSpinner_module_scss_1.default[`MrlSpinner-container--logo`]]: logo !== constants_1.spinnerDefaults.logo,
+        ['MrlSpinner-container--logo']: logo !== constants_1.spinnerDefaults.logo
+    });
+    const spinnerClasses = (0, classnames_1.default)(MrlSpinner_module_scss_1.default['MrlSpinner'], 'MrlSpinner', className, {
+        [MrlSpinner_module_scss_1.default[`MrlSpinner--${kind}`]]: kind !== constants_1.spinnerDefaults.kind,
+        [MrlSpinner_module_scss_1.default[`MrlSpinner--${size}`]]: size !== constants_1.spinnerDefaults.size
+    });
+    return (React.createElement("span", Object.assign({}, rest, { className: containerClasses, role: role }),
+        React.createElement("span", { className: spinnerClasses }),
+        logo && (React.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_scss_1.default.MrlSpinnerLogo },
+            React.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" }),
+            React.createElement("path", { fill: "#000", d: "M35.836 9.21h-5.185v19.794h5.185V9.21Z" }),
+            React.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" }),
+            React.createElement("path", { fill: "#000", d: "M5.185 9.21H0v19.794h5.185V9.21Zm50.702 0h-5.185v11.166h5.185V9.21Z" }),
+            React.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" }),
+            React.createElement("path", { fill: "#000", d: "M43.141 9.21h-5.185v11.166h5.185V9.21Z" }),
+            React.createElement("path", { fill: "#FC83FF", d: "M98.772 1.324h-5.185V9.21h5.185V1.324Z" }),
+            React.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" }),
+            React.createElement("path", { fill: "#FA0", d: "M70.767 9.21h-12.76v5.185h12.76V9.21Z" }))),
+        React.createElement("span", { className: "mrl-visually-hidden" }, text || constants_1.spinnerDefaults.text)));
+}
+exports.MrlSpinner = MrlSpinner;