@muraldevkit/ui-toolkit 4.66.0-dev-DhSN.1 → 4.66.0-dev-QELk.1

package/dist/esm/components/table/MrlTableBody/MrlTableBody.js

@@ -1,28 +0,0 @@
-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;
-};
-import * as React from 'react';
-import classnames from 'classnames';
-import { getUniqueId } from '../../../utils';
-import styles from './MrlTableBody.module.scss.js';
-const COMPONENT_NAME = 'MrlTableBody';
-/**
- * MrlTableBody Component
- *
- * @param {MrlTableBodyProps} props - MrlTableBody component props
- * @returns a table body element
- */
-export function MrlTableBody(_a) {
-    var { className } = _a, rest = __rest(_a, ["className"]);
-    const idRef = React.useRef(rest.id || getUniqueId('mrl-table-body'));
-    const classes = classnames(className, COMPONENT_NAME, styles[COMPONENT_NAME]);
-    return React.createElement("tbody", Object.assign({ className: classes, id: idRef.current }, rest));
-}

package/dist/esm/components/table/MrlTableBody/MrlTableBody.module.css

@@ -1,31 +0,0 @@
-.MrlTable--e1une {
-  --mrl-table-default-width: calc(100% - 10px);
-  --mrl-table-max-width: 1280px;
-  --mrl-table-header-background: var(--mrl-color-background);
-  --mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);
-  --mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);
-  --mrl-table-column-height: 48px;
-  --mrl-table-column-inline-spacing: var(--mrl-spacing-01);
-  --mrl-table-column-svg-color: var(--mrl-color-text-secondary);
-  --mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);
-  --mrl-table-row-height: 48px;
-  --mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);
-  --mrl-table-row-background: var(--mrl-color-background);
-  --mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);
-  --mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);
-  --mrl-table-cell-height: 48px;
-  --mrl-table-cell-padding-block: 6px;
-  --mrl-table-cell-padding-inline: 6px;
-  --mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);
-  --mrl-table-selection-width: 2.75rem;
-  --mrl-table-default-min-width: 198px;
-  --mrl-table-status-width: 192px;
-  --mrl-table-call-to-action-width: 92px;
-  --mrl-table-action-width: 48px;
-}
-
-.MrlTableEmptyState--T7Tus {
-  --mrl-table-empty-state-padding-block: 64px;
-  --mrl-table-empty-state-padding-inline: 48px;
-  --mrl-table-empty-state-min-height: 104px;
-}

package/dist/esm/components/table/MrlTableBody/MrlTableBody.module.scss.js

@@ -1,5 +0,0 @@
-import "./MrlTableBody.module.css";
-export default {
-	"MrlTable": "MrlTable--e1une",
-	"MrlTableEmptyState": "MrlTableEmptyState--T7Tus"
-};

package/dist/esm/components/table/MrlTableBody/index.js

@@ -1 +0,0 @@
-export * from './MrlTableBody';

package/dist/esm/components/table/MrlTableCell/MrlTableCell.js

@@ -1,33 +0,0 @@
-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;
-};
-import * as React from 'react';
-import classnames from 'classnames';
-import { getUniqueId } from '../../../utils';
-import styles from './MrlTableCell.module.scss.js';
-const COMPONENT_NAME = 'MrlTableCell';
-/**
- * MrlTableCell Component
- *
- * @param {MrlTableCellProps} props - MrlTableCell component props
- * @returns a table cell element
- */
-export function MrlTableCell(props) {
-    const { hasScrollShadowLeft, hasScrollShadowRight, className, sticky, horizontalAlign } = props, rest = __rest(props, ["hasScrollShadowLeft", "hasScrollShadowRight", "className", "sticky", "horizontalAlign"]);
-    const idRef = React.useRef(rest.id || getUniqueId('mrl-table-cell'));
-    const classes = classnames(className, COMPONENT_NAME, styles[COMPONENT_NAME], {
-        [`${styles['sticky']} ${styles[`${sticky}`]}`]: !!sticky,
-        [`${styles['align-right']}`]: horizontalAlign === 'right',
-        [`${styles[`left-shadow`]}`]: sticky === 'left' && hasScrollShadowLeft,
-        [`${styles[`right-shadow`]}`]: sticky === 'right' && hasScrollShadowRight
-    });
-    return React.createElement("td", Object.assign({ className: classes, id: idRef.current, "data-sticky": !!sticky }, rest));
-}

package/dist/esm/components/table/MrlTableCell/MrlTableCell.module.css

@@ -1,100 +0,0 @@
-.MrlTable--gFfMl {
-  --mrl-table-default-width: calc(100% - 10px);
-  --mrl-table-max-width: 1280px;
-  --mrl-table-header-background: var(--mrl-color-background);
-  --mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);
-  --mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);
-  --mrl-table-column-height: 48px;
-  --mrl-table-column-inline-spacing: var(--mrl-spacing-01);
-  --mrl-table-column-svg-color: var(--mrl-color-text-secondary);
-  --mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);
-  --mrl-table-row-height: 48px;
-  --mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);
-  --mrl-table-row-background: var(--mrl-color-background);
-  --mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);
-  --mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);
-  --mrl-table-cell-height: 48px;
-  --mrl-table-cell-padding-block: 6px;
-  --mrl-table-cell-padding-inline: 6px;
-  --mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);
-  --mrl-table-selection-width: 2.75rem;
-  --mrl-table-default-min-width: 198px;
-  --mrl-table-status-width: 192px;
-  --mrl-table-call-to-action-width: 92px;
-  --mrl-table-action-width: 48px;
-}
-
-.MrlTableEmptyState--tLaIZ {
-  --mrl-table-empty-state-padding-block: 64px;
-  --mrl-table-empty-state-padding-inline: 48px;
-  --mrl-table-empty-state-min-height: 104px;
-}
-
-.MrlTableCell--ZMlUD {
-  height: var(--mrl-table-column-height);
-  padding: var(--mrl-table-default-padding-inline);
-  text-align: left;
-  vertical-align: middle;
-}
-.MrlTableCell--ZMlUD.selection {
-  height: var(--mrl-spacing-10);
-  min-width: 2.75rem;
-  padding: var(--mrl-spacing-02) var(--mrl-spacing-03);
-  width: 2.75rem;
-}
-.MrlTableCell--ZMlUD.selection:has(+ .MrlTableColumn---rFun:hover) {
-  background-color: var(--mrl-table-row-background-hover);
-}
-.MrlTableCell--ZMlUD.selection .MrlCheckboxStandalone {
-  align-items: center;
-  display: flex;
-  height: auto;
-  justify-content: center;
-  min-height: auto;
-  padding: 0;
-  width: auto;
-}
-.MrlTableCell--ZMlUD.sticky--WfVmB {
-  background-color: var(--mrl-table-row-background);
-  position: sticky;
-  z-index: 200;
-}
-.MrlTableCell--ZMlUD.sticky--WfVmB::before, .MrlTableCell--ZMlUD.sticky--WfVmB::after {
-  content: "";
-  height: 100%;
-  position: absolute;
-  top: 0;
-  width: var(--mrl-spacing-02);
-}
-.MrlTableCell--ZMlUD.sticky--WfVmB.left--ZGzt- {
-  left: var(--mrl-table-selection-width);
-}
-.MrlTableCell--ZMlUD.sticky--WfVmB.left-shadow--WIH6g::after {
-  border-image-outset: 0 var(--mrl-spacing-02) 0 0;
-  border-image-slice: 0 100% 0 0;
-  border-image-source: linear-gradient(90deg, rgba(var(--mrl-black), 10%) 0%, rgba(var(--mrl-black), 0%) 100%);
-  border-image-width: 0 var(--mrl-spacing-02) 0 0;
-  right: 0;
-}
-.MrlTableCell--ZMlUD.sticky--WfVmB.left--ZGzt-.selection {
-  left: 0;
-}
-.MrlTableCell--ZMlUD.sticky--WfVmB.left--ZGzt-.selection::after {
-  background-image: none;
-}
-.MrlTableCell--ZMlUD.sticky--WfVmB.right--X2Ks9 {
-  right: 0;
-}
-.MrlTableCell--ZMlUD.sticky--WfVmB.right-shadow--AFrOP::before {
-  border-image-outset: 0 0 0 var(--mrl-spacing-02);
-  border-image-slice: 0 0 0 100%;
-  border-image-source: linear-gradient(90deg, rgba(var(--mrl-black), 0%) 0%, rgba(var(--mrl-black), 10%) 100%);
-  border-image-width: 0 0 0 var(--mrl-spacing-02);
-  left: 0;
-}
-.MrlTableCell--ZMlUD.sticky--WfVmB.clickable--EJqEk:hover {
-  background-color: var(--mrl-table-column-background-hover);
-}
-.MrlTableCell--ZMlUD.align-right--Ra-pJ {
-  text-align: right;
-}

package/dist/esm/components/table/MrlTableCell/MrlTableCell.module.scss.js

@@ -1,14 +0,0 @@
-import "./MrlTableCell.module.css";
-export default {
-	"MrlTable": "MrlTable--gFfMl",
-	"MrlTableEmptyState": "MrlTableEmptyState--tLaIZ",
-	"MrlTableCell": "MrlTableCell--ZMlUD",
-	"MrlTableColumn": "MrlTableColumn---rFun",
-	"sticky": "sticky--WfVmB",
-	"left": "left--ZGzt-",
-	"left-shadow": "left-shadow--WIH6g",
-	"right": "right--X2Ks9",
-	"right-shadow": "right-shadow--AFrOP",
-	"clickable": "clickable--EJqEk",
-	"align-right": "align-right--Ra-pJ"
-};

package/dist/esm/components/table/MrlTableCell/index.js

@@ -1 +0,0 @@
-export * from './MrlTableCell';

package/dist/esm/components/table/MrlTableColumn/MrlTableColumn.js

@@ -1,34 +0,0 @@
-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;
-};
-import * as React from 'react';
-import classnames from 'classnames';
-import { getUniqueId } from '../../../utils';
-import styles from './MrlTableColumn.module.scss.js';
-const COMPONENT_NAME = 'MrlTableColumn';
-/**
- * MrlTableColumn Component
- *
- * @param {MrlTableColumnProps} props - MrlTableColumn component props
- * @returns a table column element
- */
-export function MrlTableColumn(props) {
-    const { hasScrollShadowLeft, hasScrollShadowRight, className, sticky, horizontalAlign } = props, rest = __rest(props, ["hasScrollShadowLeft", "hasScrollShadowRight", "className", "sticky", "horizontalAlign"]);
-    const idRef = React.useRef(rest.id || getUniqueId('mrl-table-column'));
-    const classes = classnames(className, COMPONENT_NAME, styles[COMPONENT_NAME], {
-        [styles['clickable']]: !!rest.onClick,
-        [styles['align-right']]: horizontalAlign === 'right',
-        [`${styles['sticky']} ${styles[`${sticky}`]}`]: !!sticky,
-        [`${styles[`left-shadow`]}`]: sticky === 'left' && hasScrollShadowLeft,
-        [`${styles[`right-shadow`]}`]: sticky === 'right' && hasScrollShadowRight
-    });
-    return React.createElement("th", Object.assign({ className: classes, id: idRef.current, "data-sticky": !!sticky }, rest));
-}

package/dist/esm/components/table/MrlTableColumn/MrlTableColumn.module.css

@@ -1,117 +0,0 @@
-.MrlTable--o2oac {
-  --mrl-table-default-width: calc(100% - 10px);
-  --mrl-table-max-width: 1280px;
-  --mrl-table-header-background: var(--mrl-color-background);
-  --mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);
-  --mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);
-  --mrl-table-column-height: 48px;
-  --mrl-table-column-inline-spacing: var(--mrl-spacing-01);
-  --mrl-table-column-svg-color: var(--mrl-color-text-secondary);
-  --mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);
-  --mrl-table-row-height: 48px;
-  --mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);
-  --mrl-table-row-background: var(--mrl-color-background);
-  --mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);
-  --mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);
-  --mrl-table-cell-height: 48px;
-  --mrl-table-cell-padding-block: 6px;
-  --mrl-table-cell-padding-inline: 6px;
-  --mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);
-  --mrl-table-selection-width: 2.75rem;
-  --mrl-table-default-min-width: 198px;
-  --mrl-table-status-width: 192px;
-  --mrl-table-call-to-action-width: 92px;
-  --mrl-table-action-width: 48px;
-}
-
-.MrlTableEmptyState--3iYgz {
-  --mrl-table-empty-state-padding-block: 64px;
-  --mrl-table-empty-state-padding-inline: 48px;
-  --mrl-table-empty-state-min-height: 104px;
-}
-
-.MrlTableColumn--stpkj {
-  height: var(--mrl-table-column-height);
-  padding: var(--mrl-table-default-padding-inline);
-  text-align: left;
-  vertical-align: middle;
-  color: var(--mrl-color-text);
-  font-size: var(--mrl-type-size-text-small);
-  font-weight: var(--mrl-type-weight-title);
-  position: relative;
-}
-.MrlTableColumn--stpkj.selection {
-  height: var(--mrl-spacing-10);
-  min-width: 2.75rem;
-  padding: var(--mrl-spacing-02) var(--mrl-spacing-03);
-  width: 2.75rem;
-}
-.MrlTableColumn--stpkj.selection:has(+ .MrlTableColumn--stpkj:hover) {
-  background-color: var(--mrl-table-row-background-hover);
-}
-.MrlTableColumn--stpkj.selection .MrlCheckboxStandalone {
-  align-items: center;
-  display: flex;
-  height: auto;
-  justify-content: center;
-  min-height: auto;
-  padding: 0;
-  width: auto;
-}
-.MrlTableColumn--stpkj.sticky---W3CD {
-  background-color: var(--mrl-table-row-background);
-  position: sticky;
-  z-index: 200;
-}
-.MrlTableColumn--stpkj.sticky---W3CD::before, .MrlTableColumn--stpkj.sticky---W3CD::after {
-  content: "";
-  height: 100%;
-  position: absolute;
-  top: 0;
-  width: var(--mrl-spacing-02);
-}
-.MrlTableColumn--stpkj.sticky---W3CD.left--hwxSa {
-  left: var(--mrl-table-selection-width);
-}
-.MrlTableColumn--stpkj.sticky---W3CD.left-shadow--UvPqU::after {
-  border-image-outset: 0 var(--mrl-spacing-02) 0 0;
-  border-image-slice: 0 100% 0 0;
-  border-image-source: linear-gradient(90deg, rgba(var(--mrl-black), 10%) 0%, rgba(var(--mrl-black), 0%) 100%);
-  border-image-width: 0 var(--mrl-spacing-02) 0 0;
-  right: 0;
-}
-.MrlTableColumn--stpkj.sticky---W3CD.left--hwxSa.selection {
-  left: 0;
-}
-.MrlTableColumn--stpkj.sticky---W3CD.left--hwxSa.selection::after {
-  background-image: none;
-}
-.MrlTableColumn--stpkj.sticky---W3CD.right--t5sZK {
-  right: 0;
-}
-.MrlTableColumn--stpkj.sticky---W3CD.right-shadow--u3KyG::before {
-  border-image-outset: 0 0 0 var(--mrl-spacing-02);
-  border-image-slice: 0 0 0 100%;
-  border-image-source: linear-gradient(90deg, rgba(var(--mrl-black), 0%) 0%, rgba(var(--mrl-black), 10%) 100%);
-  border-image-width: 0 0 0 var(--mrl-spacing-02);
-  left: 0;
-}
-.MrlTableColumn--stpkj.sticky---W3CD.clickable--NWjKg:hover {
-  background-color: var(--mrl-table-column-background-hover);
-}
-.MrlTableColumn--stpkj.align-right--vYO37 {
-  text-align: right;
-}
-.MrlTableColumn--stpkj.clickable--NWjKg:hover {
-  background-color: var(--mrl-table-column-background-hover);
-  cursor: pointer;
-  user-select: none;
-}
-.MrlTableColumn--stpkj .MrlTableColumn--tooltip {
-  margin-left: var(--mrl-spacing-02);
-}
-.MrlTableColumn--stpkj .MrlTableColumn--sort-indicator,
-.MrlTableColumn--stpkj .MrlTableColumn--tooltip {
-  color: var(--mrl-table-column-svg-color);
-  vertical-align: text-top;
-}

package/dist/esm/components/table/MrlTableColumn/MrlTableColumn.module.scss.js

@@ -1,13 +0,0 @@
-import "./MrlTableColumn.module.css";
-export default {
-	"MrlTable": "MrlTable--o2oac",
-	"MrlTableEmptyState": "MrlTableEmptyState--3iYgz",
-	"MrlTableColumn": "MrlTableColumn--stpkj",
-	"sticky": "sticky---W3CD",
-	"left": "left--hwxSa",
-	"left-shadow": "left-shadow--UvPqU",
-	"right": "right--t5sZK",
-	"right-shadow": "right-shadow--u3KyG",
-	"clickable": "clickable--NWjKg",
-	"align-right": "align-right--vYO37"
-};

package/dist/esm/components/table/MrlTableColumn/index.js

@@ -1 +0,0 @@
-export * from './MrlTableColumn';

package/dist/esm/components/table/MrlTableEmptyState/MrlTableEmptyState.js

@@ -1,24 +0,0 @@
-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;
-};
-import * as React from 'react';
-import classnames from 'classnames';
-import styles from './MrlTableEmptyState.module.scss.js';
-/**
- * MrlTableEmptyState Component
- * @param {MrlTableEmptyStateProps} props - MrlTableEmptyState component props
- * @returns an empty state element
- */
-export function MrlTableEmptyState(_a) {
-    var { text = `There's no data available to be displayed in this table.` } = _a, rest = __rest(_a, ["text"]);
-    const classes = classnames('MrlTableEmptyState', styles['MrlTableEmptyState']);
-    return (React.createElement("div", Object.assign({}, rest, { className: classes }), text));
-}

package/dist/esm/components/table/MrlTableEmptyState/MrlTableEmptyState.module.css

@@ -1,44 +0,0 @@
-.MrlTable---047F {
-  --mrl-table-default-width: calc(100% - 10px);
-  --mrl-table-max-width: 1280px;
-  --mrl-table-header-background: var(--mrl-color-background);
-  --mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);
-  --mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);
-  --mrl-table-column-height: 48px;
-  --mrl-table-column-inline-spacing: var(--mrl-spacing-01);
-  --mrl-table-column-svg-color: var(--mrl-color-text-secondary);
-  --mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);
-  --mrl-table-row-height: 48px;
-  --mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);
-  --mrl-table-row-background: var(--mrl-color-background);
-  --mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);
-  --mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);
-  --mrl-table-cell-height: 48px;
-  --mrl-table-cell-padding-block: 6px;
-  --mrl-table-cell-padding-inline: 6px;
-  --mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);
-  --mrl-table-selection-width: 2.75rem;
-  --mrl-table-default-min-width: 198px;
-  --mrl-table-status-width: 192px;
-  --mrl-table-call-to-action-width: 92px;
-  --mrl-table-action-width: 48px;
-}
-
-.MrlTableEmptyState--TQyfj {
-  --mrl-table-empty-state-padding-block: 64px;
-  --mrl-table-empty-state-padding-inline: 48px;
-  --mrl-table-empty-state-min-height: 104px;
-}
-
-.MrlTableEmptyState--TQyfj {
-  align-items: center;
-  background-color: var(--mrl-black-opacity-00);
-  color: var(--mrl-color-text-secondary);
-  display: flex;
-  font-size: var(--mrl-type-size-text-small);
-  font-weight: var(--mrl-type-weight-text);
-  justify-content: center;
-  min-height: var(--mrl-table-empty-state-min-height);
-  padding-block: var(--mrl-table-empty-state-padding-block);
-  padding-inline: var(--mrl-table-empty-state-padding-block);
-}

package/dist/esm/components/table/MrlTableEmptyState/MrlTableEmptyState.module.scss.js

@@ -1,5 +0,0 @@
-import "./MrlTableEmptyState.module.css";
-export default {
-	"MrlTable": "MrlTable---047F",
-	"MrlTableEmptyState": "MrlTableEmptyState--TQyfj"
-};

package/dist/esm/components/table/MrlTableEmptyState/index.js

@@ -1 +0,0 @@
-export * from './MrlTableEmptyState';

package/dist/esm/components/table/MrlTableHeader/MrlTableHeader.js

@@ -1,29 +0,0 @@
-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;
-};
-import * as React from 'react';
-import classnames from 'classnames';
-import { getUniqueId } from '../../../utils';
-import styles from './MrlTableHeader.module.scss.js';
-const COMPONENT_NAME = 'MrlTableHeader';
-/**
- * MrlTableHeader Component
- *
- * @param {MrlTableHeaderProps} props - MrlTableHeader component props
- * @returns a table header element with a nested table row element
- */
-export function MrlTableHeader(_a) {
-    var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
-    const idRef = React.useRef(rest.id || getUniqueId('mrl-table-header'));
-    const classes = classnames(className, COMPONENT_NAME, styles[COMPONENT_NAME]);
-    return (React.createElement("thead", Object.assign({ className: classes, id: idRef.current }, rest),
-        React.createElement("tr", null, children)));
-}

package/dist/esm/components/table/MrlTableHeader/MrlTableHeader.module.css

@@ -1,36 +0,0 @@
-.MrlTable--zcVMo {
-  --mrl-table-default-width: calc(100% - 10px);
-  --mrl-table-max-width: 1280px;
-  --mrl-table-header-background: var(--mrl-color-background);
-  --mrl-table-header-row-border-bottom: 2px solid rgba(var(--mrl-gray-30), 1);
-  --mrl-table-column-background-hover: rgba(var(--mrl-gray-10), 1);
-  --mrl-table-column-height: 48px;
-  --mrl-table-column-inline-spacing: var(--mrl-spacing-01);
-  --mrl-table-column-svg-color: var(--mrl-color-text-secondary);
-  --mrl-table-disabled-color: rgba(var(--mrl-gray-70), 1);
-  --mrl-table-row-height: 48px;
-  --mrl-table-row-border-bottom: 1px solid rgba(var(--mrl-gray-30), 1);
-  --mrl-table-row-background: var(--mrl-color-background);
-  --mrl-table-row-background-hover: rgba(var(--mrl-gray-10), 1);
-  --mrl-table-row-background-selected: rgba(var(--mrl-blue-10), 1);
-  --mrl-table-cell-height: 48px;
-  --mrl-table-cell-padding-block: 6px;
-  --mrl-table-cell-padding-inline: 6px;
-  --mrl-table-default-padding-inline: var(--mrl-spacing-02) var(--mrl-spacing-04);
-  --mrl-table-selection-width: 2.75rem;
-  --mrl-table-default-min-width: 198px;
-  --mrl-table-status-width: 192px;
-  --mrl-table-call-to-action-width: 92px;
-  --mrl-table-action-width: 48px;
-}
-
-.MrlTableEmptyState--1p7gy {
-  --mrl-table-empty-state-padding-block: 64px;
-  --mrl-table-empty-state-padding-inline: 48px;
-  --mrl-table-empty-state-min-height: 104px;
-}
-
-.MrlTableHeader--Vz2vS {
-  background-color: var(--mrl-table-header-background);
-  border-bottom: var(--mrl-table-header-row-border-bottom);
-}

package/dist/esm/components/table/MrlTableHeader/MrlTableHeader.module.scss.js

@@ -1,6 +0,0 @@
-import "./MrlTableHeader.module.css";
-export default {
-	"MrlTable": "MrlTable--zcVMo",
-	"MrlTableEmptyState": "MrlTableEmptyState--1p7gy",
-	"MrlTableHeader": "MrlTableHeader--Vz2vS"
-};

package/dist/esm/components/table/MrlTableHeader/index.js

@@ -1 +0,0 @@
-export * from './MrlTableHeader';

package/dist/esm/components/table/MrlTableRow/MrlTableRow.js

@@ -1,44 +0,0 @@
-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;
-};
-import * as React from 'react';
-import classnames from 'classnames';
-import { getUniqueId } from '../../../utils';
-import styles from './MrlTableRow.module.scss.js';
-const COMPONENT_NAME = 'MrlTableRow';
-/**
- * MrlTableRow Component
- *
- * @param {MrlTableRowProps} props - MrlTableRow component props
- * @returns a table row element
- */
-export const MrlTableRow = React.forwardRef(function MrlTableRow(_a, ref) {
-    var { className, itemId, onClick } = _a, rest = __rest(_a, ["className", "itemId", "onClick"]);
-    const { id } = rest;
-    const idRef = React.useRef(id || getUniqueId('mrl-table-row'));
-    const classes = classnames(className, COMPONENT_NAME, styles[COMPONENT_NAME]);
-    const handleKeyDown = (e) => {
-        if (e.key === 'Enter' && onClick) {
-            onClick(e);
-        }
-    };
-    const getRef = (element) => {
-        if (element && itemId) {
-            if (typeof ref === 'function') {
-                ref({ [itemId]: element });
-            }
-            else if (ref === null || ref === void 0 ? void 0 : ref.current) {
-                ref.current[itemId] = element;
-            }
-        }
-    };
-    return (React.createElement("tr", Object.assign({ className: classes, id: idRef.current, ref: getRef }, (onClick && { onClick, onKeyDown: handleKeyDown, tabIndex: 0 }), rest)));
-});