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

package/dist/cjs/components/callout/MrlCallout/MrlCallout.module.css

@@ -0,0 +1,158 @@
+/* stylelint-disable scss/operator-no-newline-after */
+.mrl-u-focus-wrapper--2sA95 {
+  position: relative;
+}
+
+.MrlCallout--content--Et-FY {
+  max-width: 17.5rem;
+}
+.MrlCallout--title--v82T3 {
+  font-size: var(--mrl-font-size-03);
+  margin-bottom: var(--mrl-spacing-02);
+  padding-right: var(--mrl-spacing-06);
+}
+.MrlCallout--eyebrow--OVcTC {
+  font-size: var(--mrl-font-size-01);
+  font-weight: var(--mrl-font-weight-04);
+  margin-bottom: var(--mrl-spacing-02);
+  padding-right: var(--mrl-spacing-06);
+}
+.MrlCallout--description--fgfRy p {
+  font-size: var(--mrl-font-size-02);
+  padding-right: var(--mrl-spacing-06);
+}
+.MrlCallout--image--N-lhU {
+  margin-top: var(--mrl-spacing-05);
+}
+.MrlCallout--image--N-lhU img {
+  height: auto;
+  width: 100%;
+}
+.MrlCallout--footer--oEaG1 {
+  display: flex;
+  justify-content: flex-start;
+  margin-top: var(--mrl-spacing-05);
+}
+.MrlCallout--footer--oEaG1 .mrlButton {
+  margin-left: var(--mrl-spacing-03);
+}
+.MrlCallout--footer--oEaG1 .mrlButton:first-child {
+  margin-left: auto;
+}
+.MrlCallout--hjjNH .mrlButton:focus-visible {
+  position: relative;
+}
+.MrlCallout--hjjNH .mrlButton:focus-visible:focus-visible {
+  outline: none;
+}
+.MrlCallout--hjjNH .mrlButton:focus-visible:focus-visible::after {
+  animation-duration: var(--mrl-duration-03);
+  animation-fill-mode: forwards;
+  animation-iteration-count: 1;
+  animation-timing-function: var(--mrl-timing-m3);
+  border: 0 solid transparent;
+  border-radius: calc(
+		var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
+	);
+  bottom: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px) * -1);
+  content: "";
+  display: block;
+  left: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px) * -1);
+  position: absolute;
+  right: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px) * -1);
+  top: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px) * -1);
+  z-index: 1;
+  animation-name: border-animation-inverse--t-3GP;
+}
+@keyframes border-animation--4eksx {
+  0% {
+    border-color: transparent;
+    border-width: 0;
+    bottom: var(--mrl-space-offset-focus);
+    left: var(--mrl-space-offset-focus);
+    right: var(--mrl-space-offset-focus);
+    top: var(--mrl-space-offset-focus);
+  }
+  50% {
+    border-color: var(--mrl-color-focus);
+    border-width: 0.25rem;
+    bottom: calc(var(--mrl-spacing-02) * -1);
+    left: calc(var(--mrl-spacing-02) * -1);
+    right: calc(var(--mrl-spacing-02) * -1);
+    top: calc(var(--mrl-spacing-02) * -1);
+  }
+  100% {
+    border-color: var(--mrl-color-focus);
+    border-width: var(--mrl-line-width-focus);
+    bottom: calc((
+						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
+					) * -1);
+    left: calc((
+						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
+					) * -1);
+    right: calc((
+						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
+					) * -1);
+    top: calc((
+						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
+					) * -1);
+  }
+}
+@keyframes border-animation-inverse--t-3GP {
+  0% {
+    border-color: transparent;
+    border-width: 0;
+    bottom: var(--mrl-space-offset-focus);
+    left: var(--mrl-space-offset-focus);
+    right: var(--mrl-space-offset-focus);
+    top: var(--mrl-space-offset-focus);
+  }
+  50% {
+    border-color: var(--mrl-color-focus-inverse);
+    border-width: 0.25rem;
+    bottom: calc(var(--mrl-spacing-02) * -1);
+    left: calc(var(--mrl-spacing-02) * -1);
+    right: calc(var(--mrl-spacing-02) * -1);
+    top: calc(var(--mrl-spacing-02) * -1);
+  }
+  100% {
+    border-color: var(--mrl-color-focus-inverse);
+    border-width: var(--mrl-line-width-focus);
+    bottom: calc((
+						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
+					) * -1);
+    left: calc((
+						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
+					) * -1);
+    right: calc((
+						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
+					) * -1);
+    top: calc((
+						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
+					) * -1);
+  }
+}
+@keyframes outline-animation--hdiQx {
+  0% {
+    outline: 0 solid transparent;
+    outline-offset: 1px;
+  }
+  50% {
+    outline: 4px solid var(--mrl-color-focus-inverse);
+    outline-offset: 1px;
+  }
+  100% {
+    outline: 2px solid var(--mrl-color-focus-inverse);
+    outline-offset: 1px;
+  }
+}
+
+/**
+ * This media query applies only to when we are 400% zoom.
+ * - we apply a min height to the callout content so the callout does not collapse on itself when scrolling enables
+ */
+@media screen and (min-resolution: 384dpi) and (max-resolution: 399dpi), (min-resolution: 4dppx) and (max-resolution: 3.99dppx) {
+  .MrlCallout--hjjNH > div:first-child {
+    min-height: 75px;
+  }
+}

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./MrlCallout.module.css");
+exports.default = {
+	"mrl-u-focus-wrapper": "mrl-u-focus-wrapper--2sA95",
+	"MrlCallout--content": "MrlCallout--content--Et-FY",
+	"MrlCallout--title": "MrlCallout--title--v82T3",
+	"MrlCallout--eyebrow": "MrlCallout--eyebrow--OVcTC",
+	"MrlCallout--description": "MrlCallout--description--fgfRy",
+	"MrlCallout--image": "MrlCallout--image--N-lhU",
+	"MrlCallout--footer": "MrlCallout--footer--oEaG1",
+	"MrlCallout": "MrlCallout--hjjNH",
+	"border-animation-inverse": "border-animation-inverse--t-3GP",
+	"border-animation": "border-animation--4eksx",
+	"outline-animation": "outline-animation--hdiQx"
+};

package/dist/cjs/components/callout/MrlCallout/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("./MrlCallout"), exports);

package/dist/cjs/components/callout/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("./MrlCallout"), exports);

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

@@ -0,0 +1,64 @@
+"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.MrlContainer = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const constants_1 = require("../constants");
+const MrlContainer_module_scss_1 = __importDefault(require("./MrlContainer.module.scss.js"));
+/**
+ * Used to visually and group content and
+ * provide structure in layouts.
+ *
+ * @param props - component props
+ * @returns a MrlContainer React component.
+ */
+function MrlContainer(_a) {
+    var { children, className, kind = constants_1.defaults.kind } = _a, remainingProps = __rest(_a, ["children", "className", "kind"]);
+    const allClasses = (0, classnames_1.default)({
+        'mrl-container': true,
+        [MrlContainer_module_scss_1.default.MrlContainer]: true,
+        [MrlContainer_module_scss_1.default[`MrlContainer--${kind}`]]: kind !== constants_1.defaults.kind,
+        [`MrlContainer--${kind}`]: kind !== constants_1.defaults.kind
+    }, className);
+    return (React.createElement("div", Object.assign({}, remainingProps, { className: allClasses }), kind === 'nested-options' ? (React.createElement("div", { className: (0, classnames_1.default)(MrlContainer_module_scss_1.default['MrlContainer--nested-options-container'], 'MrlContainer--nested-options-container') },
+        React.createElement("div", { className: (0, classnames_1.default)(MrlContainer_module_scss_1.default['MrlContainer--nested-options-divider'], 'MrlContainer--nested-options-divider') }),
+        React.createElement("div", null, children))) : (children)));
+}
+exports.MrlContainer = MrlContainer;

package/dist/cjs/components/container/MrlContainer/MrlContainer.module.css

@@ -0,0 +1,42 @@
+:root,
+.MrlContainer--nIscq {
+  --mrl-container-background: rgba(var(--mrl-white), 1);
+  --mrl-container-background--helper: rgba(var(--mrl-gray-10), 1);
+  --mrl-container-border-color: rgba(var(--mrl-gray-20), 1);
+  --mrl-container-border-radius: var(--mrl-radii-04);
+  --mrl-container-border-width: var(--mrl-stroke-01);
+  --mrl-container-padding: var(--mrl-spacing-07);
+}
+
+.MrlContainer--nIscq {
+  background-color: var(--mrl-container-background);
+  border: var(--mrl-container-border-width) solid var(--mrl-container-border-color);
+  border-radius: var(--mrl-container-border-radius);
+  overflow: hidden;
+  padding: var(--mrl-container-padding);
+}
+
+.MrlContainer--helper--EjD6A {
+  background-color: var(--mrl-container-background--helper);
+}
+
+.MrlContainer--nested--rKuON {
+  background-color: var(--mrl-color-background-highlight-secondary);
+  border-color: var(--mrl-color-line-highlight-secondary);
+}
+
+.MrlContainer--nested-options--TURNx {
+  background-color: transparent;
+  border: none;
+  padding: var(--mrl-space-inset-control-large) 0 var(--mrl-space-stack-related) var(--mrl-space-inset-container);
+}
+.MrlContainer--nested-options-container--ga4qT {
+  display: flex;
+}
+.MrlContainer--nested-options-divider--JW7Uh {
+  background-color: var(--mrl-color-background-highlight-selected);
+  border-radius: var(--mrl-radii-03);
+  flex-shrink: 0;
+  margin-right: var(--mrl-spacing-06);
+  width: var(--mrl-spacing-02);
+}

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./MrlContainer.module.css");
+exports.default = {
+	"MrlContainer": "MrlContainer--nIscq",
+	"MrlContainer--helper": "MrlContainer--helper--EjD6A",
+	"MrlContainer--nested": "MrlContainer--nested--rKuON",
+	"MrlContainer--nested-options": "MrlContainer--nested-options--TURNx",
+	"MrlContainer--nested-options-container": "MrlContainer--nested-options-container--ga4qT",
+	"MrlContainer--nested-options-divider": "MrlContainer--nested-options-divider--JW7Uh"
+};

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaults = exports.allowedValues = void 0;
+exports.allowedValues = {
+    kinds: ['default', 'helper', 'nested', 'nested-options']
+};
+/**
+ * Default values for props on the MrlContainer component;
+ * Shared between the component and Storybook
+ */
+exports.defaults = {
+    kind: 'default'
+};

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

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

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

@@ -0,0 +1,86 @@
+"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.MrlDivider = void 0;
+const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
+const utils_1 = require("../../../utils");
+const constants_1 = require("../constants");
+const MrlDivider_module_scss_1 = __importDefault(require("./MrlDivider.module.scss.js"));
+/**
+ * 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(_a) {
+    var { attrs = {}, className = '', kind = constants_1.defaults.kind, length, orientation = constants_1.defaults.orientation, spacing = constants_1.defaults.spacing, weight = constants_1.defaults.weight } = _a, remainingProps = __rest(_a, ["attrs", "className", "kind", "length", "orientation", "spacing", "weight"]);
+    const hasDefinedLength = typeof length !== 'undefined' && length !== '';
+    delete attrs.class;
+    delete attrs.className;
+    const attributes = (0, utils_1.setAttributes)(attrs);
+    // apply classes in a logic order, not based on alphabetization
+    /* eslint-disable sort-keys */
+    const allClasses = (0, classnames_1.default)({
+        'mrl-divider': true,
+        [MrlDivider_module_scss_1.default.MrlDivider]: true,
+        [MrlDivider_module_scss_1.default['MrlDivider--center']]: hasDefinedLength,
+        [MrlDivider_module_scss_1.default[`MrlDivider--${kind}`]]: kind !== constants_1.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_scss_1.default[`MrlDivider--${orientation}`]]: true,
+        [MrlDivider_module_scss_1.default[`MrlDivider--${spacing}`]]: orientation === 'horizontal' ? spacing !== constants_1.defaults.spacing : spacing === 'none',
+        [MrlDivider_module_scss_1.default[`MrlDivider--${weight}`]]: weight !== constants_1.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 (React.createElement("div", Object.assign({ role: "separator", "aria-orientation": orientation, "aria-hidden": "true" }, attributes, remainingProps, { className: allClasses })));
+}
+exports.MrlDivider = MrlDivider;

package/dist/cjs/components/divider/MrlDivider/MrlDivider.module.css

@@ -0,0 +1,59 @@
+:root,
+.MrlDivider--CdLtC {
+  --mrl-divider-size: var(--mrl-spacing-01);
+  --mrl-divider-spacing: var(--mrl-space-stack-section-divider);
+  --mrl-divider-color: var(--mrl-black-opacity-01);
+}
+
+.MrlDivider--none--qnH8s {
+  --mrl-divider-spacing: 0;
+}
+
+.MrlDivider--small--JNypK {
+  --mrl-divider-spacing: var(--mrl-space-stack-section-divider-small);
+}
+
+.MrlDivider--large--djOAy {
+  --mrl-divider-spacing: var(--mrl-space-stack-section-divider-large);
+}
+
+.MrlDivider--xlarge--51-SU {
+  --mrl-divider-spacing: var(--mrl-space-stack-section-divider-xlarge);
+}
+
+.MrlDivider--inverse--Mcvld {
+  --mrl-divider-color: var(--mrl-white-opacity-02);
+}
+
+.MrlDivider--vertical--5d0Uj {
+  --mrl-divider-spacing: var(--mrl-spacing-02);
+}
+.MrlDivider--vertical--5d0Uj.MrlDivider--none--qnH8s {
+  --mrl-divider-spacing: 0;
+}
+
+.MrlDivider--thin--hL-qg {
+  --mrl-divider-size: var(--mrl-line-width-border-fine);
+}
+
+.MrlDivider--horizontal--5YBFD {
+  background-color: var(--mrl-divider-color);
+  display: block;
+  height: var(--mrl-divider-size);
+  margin: var(--mrl-divider-spacing) 0;
+  width: 100%;
+}
+.MrlDivider--horizontal--5YBFD .MrlDivider--center---vsxu {
+  margin: var(--mrl-divider-spacing) auto;
+}
+
+.MrlDivider--vertical--5d0Uj {
+  align-self: stretch;
+  background-color: var(--mrl-divider-color);
+  display: inline-block;
+  margin: 0 var(--mrl-divider-spacing);
+  width: var(--mrl-divider-size);
+}
+.MrlDivider--vertical--5d0Uj .MrlDivider--center---vsxu {
+  align-self: center;
+}

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./MrlDivider.module.css");
+exports.default = {
+	"MrlDivider": "MrlDivider--CdLtC",
+	"MrlDivider--none": "MrlDivider--none--qnH8s",
+	"MrlDivider--small": "MrlDivider--small--JNypK",
+	"MrlDivider--large": "MrlDivider--large--djOAy",
+	"MrlDivider--xlarge": "MrlDivider--xlarge--51-SU",
+	"MrlDivider--inverse": "MrlDivider--inverse--Mcvld",
+	"MrlDivider--vertical": "MrlDivider--vertical--5d0Uj",
+	"MrlDivider--thin": "MrlDivider--thin--hL-qg",
+	"MrlDivider--horizontal": "MrlDivider--horizontal--5YBFD",
+	"MrlDivider--center": "MrlDivider--center---vsxu"
+};

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

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

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaults = exports.allowedValues = void 0;
+exports.allowedValues = {
+    kinds: ['default', 'inverse'],
+    orientations: ['horizontal', 'vertical'],
+    spacings: ['none', 'small', 'medium', 'large', 'xlarge'],
+    weight: ['thin', 'default']
+};
+/**
+ * Default values for props on the Divider component;
+ * Shared between the component and Storybook
+ */
+exports.defaults = {
+    kind: 'default',
+    orientation: 'horizontal',
+    spacing: 'medium',
+    weight: 'default'
+};

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

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

package/dist/cjs/components/empty/MrlEmpty.module.css

@@ -0,0 +1,23 @@
+.mrl-empty--EQ4ks {
+  text-align: center;
+}
+
+.mrl-empty-default--135Q1 {
+  max-width: 200px;
+}
+
+.mrl-empty-large--pUG8V {
+  max-width: 360px;
+}
+
+.mrl-empty-text--R5soL {
+  margin: var(--mrl-spacing-05) 0;
+}
+
+.mrl-empty-text-large--zp2k- {
+  margin: var(--mrl-spacing-06) 0;
+}
+
+.mrl-empty-color-text-secondary--HpLOH {
+  color: var(--mrl-color-text-secondary);
+}

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./MrlEmpty.module.css");
+exports.default = {
+	"mrl-empty": "mrl-empty--EQ4ks",
+	"mrl-empty-default": "mrl-empty-default--135Q1",
+	"mrl-empty-large": "mrl-empty-large--pUG8V",
+	"mrl-empty-text": "mrl-empty-text--R5soL",
+	"mrl-empty-text-large": "mrl-empty-text-large--zp2k-",
+	"mrl-empty-color-text-secondary": "mrl-empty-color-text-secondary--HpLOH"
+};

package/dist/cjs/components/empty/default/MrlEmpty.js

@@ -0,0 +1,65 @@
+"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.MrlEmpty = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const grid_1 = require("../../grid");
+const text_1 = require("../../text");
+const MrlEmpty_module_scss_1 = __importDefault(require("../MrlEmpty.module.scss.js"));
+/**
+ * MrlEmpty for when there is no data to display for a single component.
+ * @param MrlEmptyProps props
+ * @returns MrlEmpty component
+ */
+const MrlEmpty = (_a) => {
+    var { graphic, description, action, heading } = _a, rest = __rest(_a, ["graphic", "description", "action", "heading"]);
+    const classNames = (0, classnames_1.default)(MrlEmpty_module_scss_1.default['mrl-empty'], MrlEmpty_module_scss_1.default['mrl-empty-default']);
+    return (React.createElement(grid_1.MrlGrid, Object.assign({ className: classNames }, rest),
+        graphic && (React.createElement(grid_1.MrlRow, { align: "center", justify: "center" },
+            React.createElement(grid_1.MrlCol, { col: 12 }, graphic))),
+        React.createElement(grid_1.MrlRow, { align: "center", justify: "center", className: MrlEmpty_module_scss_1.default['mrl-empty-text'] },
+            React.createElement(grid_1.MrlCol, { col: 12 },
+                React.createElement(text_1.MrlTextHeading, { level: "4", hierarchy: "primary", size: "medium", kind: "title" }, heading)),
+            React.createElement(grid_1.MrlCol, { col: 12 },
+                React.createElement(text_1.MrlText, { size: "xsmall", attrs: { className: MrlEmpty_module_scss_1.default['mrl-empty-color-text-secondary'] } }, description))),
+        action && (React.createElement(grid_1.MrlRow, { align: "center", justify: "center" },
+            React.createElement(grid_1.MrlCol, { col: 12 }, action)))));
+};
+exports.MrlEmpty = MrlEmpty;