@ni/nimble-components 16.1.2 → 16.1.4

package/dist/all-components-bundle.js

@@ -15442,6 +15442,8 @@
     const Headline1Weight = "400";
     const ErrorLightUiFamily = "Source Sans Pro";
     const ErrorLightUiWeight = "400";
+    const GridHeaderFamily = "Source Sans Pro";
+    const GridHeaderWeight = "600";
     const Title2Size = "22px";
     const ControlLabel1Size = "11px";
     const BodySize = "14px";
@@ -15458,6 +15460,7 @@
     const LinkLightUiSize = "14px";
     const Headline1Size = "25px";
     const ErrorLightUiSize = "11px";
+    const GridHeaderSize = "12.800000190734863px";
     const BodyLineHeight = "18px";
     const ControlLabel1LineHeight = "16px";
     const GroupLabel1LineHeight = "16px";
@@ -15559,6 +15562,14 @@
         headlineFontWeight: 'headline-font-weight',
         headlineFontLineHeight: 'headline-font-line-height',
         headlineFallbackFontFamily: 'headline-fallback-font-family',
+        tableHeaderFont: 'table-header-font',
+        tableHeaderFontColor: 'table-header-font-color',
+        tableHeaderDisabledFontColor: 'table-header-disabled-font-color',
+        tableHeaderFontFamily: 'table-header-font-family',
+        tableHeaderFontSize: 'table-header-font-size',
+        tableHeaderFontWeight: 'table-header-font-weight',
+        tableHeaderFontLineHeight: 'table-header-font-line-height',
+        tableHeaderFallbackFontFamily: 'table-header-fallback-font-family',
         titlePlus2Font: 'title-plus-2-font',
         titlePlus2FontColor: 'title-plus-2-font-color',
         titlePlus2DisabledFontColor: 'title-plus-2-disabled-font-color',
@@ -15695,7 +15706,8 @@
         errorTextFontSize: 'error-text-font-size',
         errorTextFontWeight: 'error-text-font-weight',
         errorTextFontLineHeight: 'error-text-font-line-height',
-        errorTextFallbackFontFamily: 'error-text-fallback-font-family'
+        errorTextFallbackFontFamily: 'error-text-fallback-font-family',
+        tableRowBorderColor: 'table-row-border-color'
     };
     const prefix = 'ni-nimble';
     const styleNameFromTokenName = (tokenName) => `${prefix}-${tokenName}`;
@@ -15789,6 +15801,7 @@
     const popupBoxShadowColor = DesignToken.create(styleNameFromTokenName(tokenNames.popupBoxShadowColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black75, Black85, Black85), 0.3));
     const popupBorderColor = DesignToken.create(styleNameFromTokenName(tokenNames.popupBorderColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.3));
     DesignToken.create(styleNameFromTokenName(tokenNames.tooltipBackgroundColor)).withDefault((element) => getColorForTheme(element, Black15, Black85, ForestGreen));
+    const tableRowBorderColor = DesignToken.create(styleNameFromTokenName(tokenNames.tableRowBorderColor)).withDefault((element) => getColorForTheme(element, Black15, Black88, ForestGreen));
     // Component Sizing Tokens
     const controlHeight = DesignToken.create(styleNameFromTokenName(tokenNames.controlHeight)).withDefault('32px');
     const smallPadding = DesignToken.create(styleNameFromTokenName(tokenNames.smallPadding)).withDefault('4px');
@@ -15817,6 +15830,7 @@
     const [buttonLabelFont, buttonLabelFontColor, buttonLabelDisabledFontColor, buttonLabelFontFamily, buttonLabelFontWeight, buttonLabelFontSize, buttonLabelFontLineHeight, buttonLabelFallbackFontFamily] = createFontTokens(tokenNames.buttonLabelFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), ButtonLabel1Family, ButtonLabel1Weight, ButtonLabel1Size, ButtonLabel1LineHeight, 'sans-serif');
     const [tooltipCaptionFont, tooltipCaptionFontColor, tooltipCaptionDisabledFontColor, tooltipCaptionFontFamily, tooltipCaptionFontWeight, tooltipCaptionFontSize, tooltipCaptionFontLineHeight, tooltipCaptionFallbackFontFamily] = createFontTokens(tokenNames.tooltipCaptionFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), TooltipCaptionFamily, TooltipCaptionWeight, TooltipCaptionSize, TooltipCaptionLineHeight, 'sans-serif');
     const [errorTextFont, errorTextFontColor, errorTextDisabledFontColor, errorTextFontFamily, errorTextFontWeight, errorTextFontSize, errorTextFontLineHeight, errorTextFallbackFontFamily] = createFontTokens(tokenNames.errorTextFont, (element) => getFailColorForTheme(element), (element) => hexToRgbaCssColor(getFailColorForTheme(element), 0.3), ErrorLightUiFamily, ErrorLightUiWeight, ErrorLightUiSize, TooltipCaptionLineHeight, 'sans-serif');
+    const [tableHeaderFont, tableHeaderFontColor, tableHeaderDisabledFontColor, tableHeaderFontFamily, tableHeaderFontWeight, tableHeaderFontSize, tableHeaderFontLineHeight, tableHeaderFallbackFontFamily] = createFontTokens(tokenNames.tableHeaderFont, (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), GridHeaderFamily, GridHeaderWeight, GridHeaderSize, TooltipCaptionLineHeight, 'sans-serif');
     // Font Transform Tokens
     const groupHeaderTextTransform = DesignToken.create(styleNameFromTokenName(tokenNames.groupHeaderTextTransform)).withDefault('uppercase');
     // Animation Tokens
@@ -22220,7 +22234,7 @@
             let result = originalRow;
             for (const key of accessorKey.split('.')) {
               result = result[key];
-              if (process.env.NODE_ENV !== 'production' && result === undefined) {
+              if (result === undefined) {
                 throw new Error(`"${key}" in deeply nested key "${accessorKey}" returned undefined.`);
               }
             }
@@ -22231,10 +22245,9 @@
         }
       }
       if (!id) {
-        if (process.env.NODE_ENV !== 'production') {
+        {
           throw new Error(resolvedColumnDef.accessorFn ? `Columns require an id when using an accessorFn` : `Columns require an id when using a non-string header`);
         }
-        throw new Error();
       }
       let column = {
         id: `${String(id)}`,
@@ -22247,7 +22260,7 @@
           var _column$columns;
           return [column, ...((_column$columns = column.columns) == null ? void 0 : _column$columns.flatMap(d => d.getFlatColumns()))];
         }, {
-          key: process.env.NODE_ENV === 'production' && 'column.getFlatColumns',
+          key: "development" === 'production' ,
           debug: () => {
             var _table$options$debugA;
             return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugColumns;
@@ -22261,7 +22274,7 @@
           }
           return [column];
         }, {
-          key: process.env.NODE_ENV === 'production' && 'column.getLeafColumns',
+          key: "development" === 'production' ,
           debug: () => {
             var _table$options$debugA2;
             return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugColumns;
@@ -22327,7 +22340,7 @@
             const headerGroups = buildHeaderGroups(allColumns, [...leftColumns, ...centerColumns, ...rightColumns], table);
             return headerGroups;
           }, {
-            key: process.env.NODE_ENV === 'development' && 'getHeaderGroups',
+            key: 'getHeaderGroups',
             debug: () => {
               var _table$options$debugA;
               return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugHeaders;
@@ -22337,7 +22350,7 @@
             leafColumns = leafColumns.filter(column => !(left != null && left.includes(column.id)) && !(right != null && right.includes(column.id)));
             return buildHeaderGroups(allColumns, leafColumns, table, 'center');
           }, {
-            key: process.env.NODE_ENV === 'development' && 'getCenterHeaderGroups',
+            key: 'getCenterHeaderGroups',
             debug: () => {
               var _table$options$debugA2;
               return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugHeaders;
@@ -22348,7 +22361,7 @@
             const orderedLeafColumns = (_left$map$filter2 = left == null ? void 0 : left.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _left$map$filter2 : [];
             return buildHeaderGroups(allColumns, orderedLeafColumns, table, 'left');
           }, {
-            key: process.env.NODE_ENV === 'development' && 'getLeftHeaderGroups',
+            key: 'getLeftHeaderGroups',
             debug: () => {
               var _table$options$debugA3;
               return (_table$options$debugA3 = table.options.debugAll) != null ? _table$options$debugA3 : table.options.debugHeaders;
@@ -22359,7 +22372,7 @@
             const orderedLeafColumns = (_right$map$filter2 = right == null ? void 0 : right.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _right$map$filter2 : [];
             return buildHeaderGroups(allColumns, orderedLeafColumns, table, 'right');
           }, {
-            key: process.env.NODE_ENV === 'development' && 'getRightHeaderGroups',
+            key: 'getRightHeaderGroups',
             debug: () => {
               var _table$options$debugA4;
               return (_table$options$debugA4 = table.options.debugAll) != null ? _table$options$debugA4 : table.options.debugHeaders;
@@ -22370,7 +22383,7 @@
           getFooterGroups: memo(() => [table.getHeaderGroups()], headerGroups => {
             return [...headerGroups].reverse();
           }, {
-            key: process.env.NODE_ENV === 'development' && 'getFooterGroups',
+            key: 'getFooterGroups',
             debug: () => {
               var _table$options$debugA5;
               return (_table$options$debugA5 = table.options.debugAll) != null ? _table$options$debugA5 : table.options.debugHeaders;
@@ -22379,7 +22392,7 @@
           getLeftFooterGroups: memo(() => [table.getLeftHeaderGroups()], headerGroups => {
             return [...headerGroups].reverse();
           }, {
-            key: process.env.NODE_ENV === 'development' && 'getLeftFooterGroups',
+            key: 'getLeftFooterGroups',
             debug: () => {
               var _table$options$debugA6;
               return (_table$options$debugA6 = table.options.debugAll) != null ? _table$options$debugA6 : table.options.debugHeaders;
@@ -22388,7 +22401,7 @@
           getCenterFooterGroups: memo(() => [table.getCenterHeaderGroups()], headerGroups => {
             return [...headerGroups].reverse();
           }, {
-            key: process.env.NODE_ENV === 'development' && 'getCenterFooterGroups',
+            key: 'getCenterFooterGroups',
             debug: () => {
               var _table$options$debugA7;
               return (_table$options$debugA7 = table.options.debugAll) != null ? _table$options$debugA7 : table.options.debugHeaders;
@@ -22397,7 +22410,7 @@
           getRightFooterGroups: memo(() => [table.getRightHeaderGroups()], headerGroups => {
             return [...headerGroups].reverse();
           }, {
-            key: process.env.NODE_ENV === 'development' && 'getRightFooterGroups',
+            key: 'getRightFooterGroups',
             debug: () => {
               var _table$options$debugA8;
               return (_table$options$debugA8 = table.options.debugAll) != null ? _table$options$debugA8 : table.options.debugHeaders;
@@ -22410,7 +22423,7 @@
               return headerGroup.headers;
             }).flat();
           }, {
-            key: process.env.NODE_ENV === 'development' && 'getFlatHeaders',
+            key: 'getFlatHeaders',
             debug: () => {
               var _table$options$debugA9;
               return (_table$options$debugA9 = table.options.debugAll) != null ? _table$options$debugA9 : table.options.debugHeaders;
@@ -22421,7 +22434,7 @@
               return headerGroup.headers;
             }).flat();
           }, {
-            key: process.env.NODE_ENV === 'development' && 'getLeftFlatHeaders',
+            key: 'getLeftFlatHeaders',
             debug: () => {
               var _table$options$debugA10;
               return (_table$options$debugA10 = table.options.debugAll) != null ? _table$options$debugA10 : table.options.debugHeaders;
@@ -22432,7 +22445,7 @@
               return headerGroup.headers;
             }).flat();
           }, {
-            key: process.env.NODE_ENV === 'development' && 'getCenterFlatHeaders',
+            key: 'getCenterFlatHeaders',
             debug: () => {
               var _table$options$debugA11;
               return (_table$options$debugA11 = table.options.debugAll) != null ? _table$options$debugA11 : table.options.debugHeaders;
@@ -22443,7 +22456,7 @@
               return headerGroup.headers;
             }).flat();
           }, {
-            key: process.env.NODE_ENV === 'development' && 'getRightFlatHeaders',
+            key: 'getRightFlatHeaders',
             debug: () => {
               var _table$options$debugA12;
               return (_table$options$debugA12 = table.options.debugAll) != null ? _table$options$debugA12 : table.options.debugHeaders;
@@ -22457,7 +22470,7 @@
               return !((_header$subHeaders = header.subHeaders) != null && _header$subHeaders.length);
             });
           }, {
-            key: process.env.NODE_ENV === 'development' && 'getCenterLeafHeaders',
+            key: 'getCenterLeafHeaders',
             debug: () => {
               var _table$options$debugA13;
               return (_table$options$debugA13 = table.options.debugAll) != null ? _table$options$debugA13 : table.options.debugHeaders;
@@ -22469,7 +22482,7 @@
               return !((_header$subHeaders2 = header.subHeaders) != null && _header$subHeaders2.length);
             });
           }, {
-            key: process.env.NODE_ENV === 'development' && 'getLeftLeafHeaders',
+            key: 'getLeftLeafHeaders',
             debug: () => {
               var _table$options$debugA14;
               return (_table$options$debugA14 = table.options.debugAll) != null ? _table$options$debugA14 : table.options.debugHeaders;
@@ -22481,7 +22494,7 @@
               return !((_header$subHeaders3 = header.subHeaders) != null && _header$subHeaders3.length);
             });
           }, {
-            key: process.env.NODE_ENV === 'development' && 'getRightLeafHeaders',
+            key: 'getRightLeafHeaders',
             debug: () => {
               var _table$options$debugA15;
               return (_table$options$debugA15 = table.options.debugAll) != null ? _table$options$debugA15 : table.options.debugHeaders;
@@ -22493,7 +22506,7 @@
               return header.getLeafHeaders();
             }).flat();
           }, {
-            key: process.env.NODE_ENV === 'development' && 'getLeafHeaders',
+            key: 'getLeafHeaders',
             debug: () => {
               var _table$options$debugA16;
               return (_table$options$debugA16 = table.options.debugAll) != null ? _table$options$debugA16 : table.options.debugHeaders;
@@ -23597,7 +23610,7 @@
             }
             return orderColumns(orderedColumns, grouping, groupedColumnMode);
           }, {
-            key: process.env.NODE_ENV === 'development' && 'getOrderColumnsFn'
+            key: 'getOrderColumnsFn'
             // debug: () => table.options.debugAll ?? table.options.debugTable,
           })
         };
@@ -23708,7 +23721,7 @@
             }
             return pageOptions;
           }, {
-            key: process.env.NODE_ENV === 'development' && 'getPageOptions',
+            key: 'getPageOptions',
             debug: () => {
               var _table$options$debugA;
               return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
@@ -23828,7 +23841,7 @@
             const leftAndRight = [...(left != null ? left : []), ...(right != null ? right : [])];
             return allCells.filter(d => !leftAndRight.includes(d.column.id));
           }, {
-            key: process.env.NODE_ENV === 'production' && 'row.getCenterVisibleCells',
+            key: "development" === 'production' ,
             debug: () => {
               var _table$options$debugA;
               return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugRows;
@@ -23841,7 +23854,7 @@
             }));
             return cells;
           }, {
-            key: process.env.NODE_ENV === 'production' && 'row.getLeftVisibleCells',
+            key: "development" === 'production' ,
             debug: () => {
               var _table$options$debugA2;
               return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugRows;
@@ -23854,7 +23867,7 @@
             }));
             return cells;
           }, {
-            key: process.env.NODE_ENV === 'production' && 'row.getRightVisibleCells',
+            key: "development" === 'production' ,
             debug: () => {
               var _table$options$debugA3;
               return (_table$options$debugA3 = table.options.debugAll) != null ? _table$options$debugA3 : table.options.debugRows;
@@ -23881,7 +23894,7 @@
           getLeftLeafColumns: memo(() => [table.getAllLeafColumns(), table.getState().columnPinning.left], (allColumns, left) => {
             return (left != null ? left : []).map(columnId => allColumns.find(column => column.id === columnId)).filter(Boolean);
           }, {
-            key: process.env.NODE_ENV === 'development' && 'getLeftLeafColumns',
+            key: 'getLeftLeafColumns',
             debug: () => {
               var _table$options$debugA4;
               return (_table$options$debugA4 = table.options.debugAll) != null ? _table$options$debugA4 : table.options.debugColumns;
@@ -23890,7 +23903,7 @@
           getRightLeafColumns: memo(() => [table.getAllLeafColumns(), table.getState().columnPinning.right], (allColumns, right) => {
             return (right != null ? right : []).map(columnId => allColumns.find(column => column.id === columnId)).filter(Boolean);
           }, {
-            key: process.env.NODE_ENV === 'development' && 'getRightLeafColumns',
+            key: 'getRightLeafColumns',
             debug: () => {
               var _table$options$debugA5;
               return (_table$options$debugA5 = table.options.debugAll) != null ? _table$options$debugA5 : table.options.debugColumns;
@@ -23900,7 +23913,7 @@
             const leftAndRight = [...(left != null ? left : []), ...(right != null ? right : [])];
             return allColumns.filter(d => !leftAndRight.includes(d.id));
           }, {
-            key: process.env.NODE_ENV === 'development' && 'getCenterLeafColumns',
+            key: 'getCenterLeafColumns',
             debug: () => {
               var _table$options$debugA6;
               return (_table$options$debugA6 = table.options.debugAll) != null ? _table$options$debugA6 : table.options.debugColumns;
@@ -24042,7 +24055,7 @@
             }
             return selectRowsFn(table, rowModel);
           }, {
-            key: process.env.NODE_ENV === 'development' && 'getSelectedRowModel',
+            key: 'getSelectedRowModel',
             debug: () => {
               var _table$options$debugA;
               return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
@@ -24058,7 +24071,7 @@
             }
             return selectRowsFn(table, rowModel);
           }, {
-            key: process.env.NODE_ENV === 'production' && 'getFilteredSelectedRowModel',
+            key: "development" === 'production' ,
             debug: () => {
               var _table$options$debugA2;
               return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugTable;
@@ -24074,7 +24087,7 @@
             }
             return selectRowsFn(table, rowModel);
           }, {
-            key: process.env.NODE_ENV === 'production' && 'getGroupedSelectedRowModel',
+            key: "development" === 'production' ,
             debug: () => {
               var _table$options$debugA3;
               return (_table$options$debugA3 = table.options.debugAll) != null ? _table$options$debugA3 : table.options.debugTable;
@@ -24649,14 +24662,14 @@
           _getAllVisibleCells: memo(() => [row.getAllCells(), table.getState().columnVisibility], cells => {
             return cells.filter(cell => cell.column.getIsVisible());
           }, {
-            key: process.env.NODE_ENV === 'production' && 'row._getAllVisibleCells',
+            key: "development" === 'production' ,
             debug: () => {
               var _table$options$debugA;
               return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugRows;
             }
           }),
           getVisibleCells: memo(() => [row.getLeftVisibleCells(), row.getCenterVisibleCells(), row.getRightVisibleCells()], (left, center, right) => [...left, ...center, ...right], {
-            key: process.env.NODE_ENV === 'development' && 'row.getVisibleCells',
+            key: 'row.getVisibleCells',
             debug: () => {
               var _table$options$debugA2;
               return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugRows;
@@ -24798,10 +24811,9 @@
         getRow: id => {
           const row = table.getRowModel().rowsById[id];
           if (!row) {
-            if (process.env.NODE_ENV !== 'production') {
+            {
               throw new Error(`getRow expected an ID, but got ${id}`);
             }
-            throw new Error();
           }
           return row;
         },
@@ -24834,7 +24846,7 @@
             var _table$options$debugA;
             return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugColumns;
           },
-          key: process.env.NODE_ENV === 'development' && 'getDefaultColumnDef'
+          key: 'getDefaultColumnDef'
         }),
         _getColumnDefs: () => table.options.columns,
         getAllColumns: memo(() => [table._getColumnDefs()], columnDefs => {
@@ -24851,7 +24863,7 @@
           };
           return recurseColumns(columnDefs);
         }, {
-          key: process.env.NODE_ENV === 'development' && 'getAllColumns',
+          key: 'getAllColumns',
           debug: () => {
             var _table$options$debugA2;
             return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugColumns;
@@ -24862,7 +24874,7 @@
             return column.getFlatColumns();
           });
         }, {
-          key: process.env.NODE_ENV === 'development' && 'getAllFlatColumns',
+          key: 'getAllFlatColumns',
           debug: () => {
             var _table$options$debugA3;
             return (_table$options$debugA3 = table.options.debugAll) != null ? _table$options$debugA3 : table.options.debugColumns;
@@ -24874,7 +24886,7 @@
             return acc;
           }, {});
         }, {
-          key: process.env.NODE_ENV === 'development' && 'getAllFlatColumnsById',
+          key: 'getAllFlatColumnsById',
           debug: () => {
             var _table$options$debugA4;
             return (_table$options$debugA4 = table.options.debugAll) != null ? _table$options$debugA4 : table.options.debugColumns;
@@ -24884,7 +24896,7 @@
           let leafColumns = allColumns.flatMap(column => column.getLeafColumns());
           return orderColumns(leafColumns);
         }, {
-          key: process.env.NODE_ENV === 'development' && 'getAllLeafColumns',
+          key: 'getAllLeafColumns',
           debug: () => {
             var _table$options$debugA5;
             return (_table$options$debugA5 = table.options.debugAll) != null ? _table$options$debugA5 : table.options.debugColumns;
@@ -24893,7 +24905,7 @@
         getColumn: columnId => {
           const column = table._getAllFlatColumnsById()[columnId];
           if (!column) {
-            if (process.env.NODE_ENV !== 'production') {
+            {
               console.warn(`[Table] Column with id ${columnId} does not exist.`);
             }
             throw new Error();
@@ -24927,7 +24939,7 @@
           getValue: cell.getValue,
           renderValue: cell.renderValue
         }), {
-          key: process.env.NODE_ENV === 'development' && 'cell.getContext',
+          key: 'cell.getContext',
           debug: () => table.options.debugAll
         })
       };
@@ -24982,7 +24994,7 @@
             return createCell(table, row, column, column.id);
           });
         }, {
-          key: process.env.NODE_ENV === 'development' && 'row.getAllCells',
+          key: 'row.getAllCells',
           debug: () => {
             var _table$options$debugA;
             return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugRows;
@@ -24994,7 +25006,7 @@
             return acc;
           }, {});
         }, {
-          key: process.env.NODE_ENV === 'production' && 'row.getAllCellsByColumnId',
+          key: "development" === 'production' ,
           debug: () => {
             var _table$options$debugA2;
             return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugRows;
@@ -25023,7 +25035,7 @@
           for (let i = 0; i < originalRows.length; i++) {
             // This could be an expensive check at scale, so we should move it somewhere else, but where?
             // if (!id) {
-            //   if (process.env.NODE_ENV !== 'production') {
+            //   if ("development" !== 'production') {
             //     throw new Error(`getRowId expected an ID, but got ${id}`)
             //   }
             // }
@@ -25054,7 +25066,7 @@
         rowModel.rows = accessRows(data);
         return rowModel;
       }, {
-        key: process.env.NODE_ENV === 'development' && 'getRowModel',
+        key: 'getRowModel',
         debug: () => {
           var _table$options$debugA;
           return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
@@ -25087,6 +25099,15 @@
 
     const styles$b = css `
     ${display('flex')}
+
+    :host {
+        height: ${controlHeight};
+        align-items: center;
+        background: ${applicationBackgroundColor};
+        padding: 0px calc(${standardPadding} / 2);
+        font: ${tableHeaderFont};
+        color: ${tableHeaderFontColor};
+    }
 `;
 
     // prettier-ignore
@@ -25112,13 +25133,28 @@
     const styles$a = css `
     ${display('flex')}
 
+    :host {
+        height: ${controlHeight};
+        background: ${applicationBackgroundColor};
+        border-top: calc(2 * ${borderWidth}) solid ${tableRowBorderColor};
+    }
+
     .cell {
         flex: 1;
     }
+
+    :host(:hover) .cell {
+        background: ${fillHoverColor};
+    }
 `;
 
     const styles$9 = css `
     ${display('flex')}
+
+    :host {
+        padding: 0px calc(${standardPadding} / 2);
+        align-items: center;
+    }
 `;
 
     // prettier-ignore