@stenajs-webui/grid 15.3.0 → 15.4.0

package/dist/index.js

@@ -158,6 +158,7 @@ var tableBorderColorExpanded = "var(--lhds-color-blue-500)";
 var tableBackgroundColorExpanded = "var(--lhds-color-blue-50)";
 var tableBackgroundHoverColorExpanded = "var(--lhds-color-blue-100)";
 var tableBorder = "1px solid " + tableBorderColor;
+var tableBorderHidden = "1px solid transparent";
 var tableBorderLeft = "var(--swui-expand-highlight-border-width) solid transparent";
 var tableBorderLeftExpanded = "var(--swui-expand-highlight-border-width) solid " + tableBorderColorExpanded;
 var defaultTableRowHeight = "40px";
@@ -274,8 +275,8 @@ var styles$4 = {"tableRow":"TableRow-module_tableRow__hS0Sh"};
 styleInject(css_248z$4);
 
 var TableRow = function (_a) {
-    var _b = _a.height, height = _b === void 0 ? defaultTableHeadRowHeight : _b, className = _a.className, boxProps = __rest(_a, ["height", "className"]);
-    return (React__namespace.createElement(core.Row, __assign({ borderTop: tableBorder, height: height, className: cx__default["default"](styles$4.tableRow, className) }, boxProps)));
+    var hideBorderTop = _a.hideBorderTop, _b = _a.height, height = _b === void 0 ? defaultTableHeadRowHeight : _b, className = _a.className, boxProps = __rest(_a, ["hideBorderTop", "height", "className"]);
+    return (React__namespace.createElement(core.Row, __assign({ borderTop: hideBorderTop ? tableBorderHidden : tableBorder, height: height, className: cx__default["default"](styles$4.tableRow, className) }, boxProps)));
 };
 
 var useRevertableValue = function (initialValue) {
@@ -1799,7 +1800,7 @@ var columnHasSummaryCell = function (columnConfig) {
     return Boolean(columnConfig.renderSummaryCell || columnConfig.summaryText);
 };
 
-var css_248z = ".StandardTableSummaryRow-module_summaryRow__1qAAJ td {\n    border-top: 1px solid var(--lhds-color-ui-500);\n    border-bottom: 1px solid var(--lhds-color-ui-500);\n  }\n";
+var css_248z = ".StandardTableSummaryRow-module_summaryRow__1qAAJ td {\n    border-top: 1px solid var(--lhds-color-ui-400);\n  }\n";
 var styles = {"summaryRow":"StandardTableSummaryRow-module_summaryRow__1qAAJ"};
 styleInject(css_248z);
 
@@ -1857,8 +1858,10 @@ var getColumnsLimitedWithColSpan = function (columnOrder, columns) {
 var StandardTableSummaryRow = React__namespace.memo(function StandardTableSummaryRow(_a) {
     var items = _a.items;
     var groupConfigsAndIds = useGroupConfigsAndIdsForRows();
-    var _b = useStandardTableConfig(), showRowCheckbox = _b.showRowCheckbox, enableExpandCollapse = _b.enableExpandCollapse, columns = _b.columns;
+    var _b = useStandardTableConfig(), showRowCheckbox = _b.showRowCheckbox, enableExpandCollapse = _b.enableExpandCollapse, columns = _b.columns, rowIndent = _b.rowIndent;
     return (React__namespace.createElement("tr", { className: styles.summaryRow },
+        rowIndent && (React__namespace.createElement("td", null,
+            React__namespace.createElement(core.Indent, { num: rowIndent }))),
         enableExpandCollapse && React__namespace.createElement("td", null),
         showRowCheckbox && React__namespace.createElement("td", null),
         groupConfigsAndIds.map(function (_a, groupIndex) {
@@ -1867,7 +1870,10 @@ var StandardTableSummaryRow = React__namespace.memo(function StandardTableSummar
                 var columnId = _a.columnId, colSpan = _a.colSpan;
                 return (React__namespace.createElement(SummaryCell, { key: columnId, colSpan: colSpan, columnId: columnId, items: items, borderFromGroup: getCellBorderFromGroup(groupIndex, index, groupConfig.borderLeft), disableBorderLeft: groupIndex === 0 && index === 0 }));
             })));
-        })));
+        }),
+        rowIndent && (React__namespace.createElement("td", null,
+            React__namespace.createElement(core.Indent, { num: rowIndent }))),
+        React__namespace.createElement("td", null)));
 });
 
 var SummaryRowSwitcher = function SummaryRowSwitcher(_a) {
@@ -2331,6 +2337,7 @@ exports.tableBackgroundHoverColorExpanded = tableBackgroundHoverColorExpanded;
 exports.tableBorder = tableBorder;
 exports.tableBorderColor = tableBorderColor;
 exports.tableBorderColorExpanded = tableBorderColorExpanded;
+exports.tableBorderHidden = tableBorderHidden;
 exports.tableBorderLeft = tableBorderLeft;
 exports.tableBorderLeftExpanded = tableBorderLeftExpanded;
 exports.useCellBackgroundByColumnConfig = useCellBackgroundByColumnConfig;