@rolster/react-components 18.21.10 → 18.21.11

package/dist/cjs/index.js

@@ -2326,38 +2326,38 @@ function RlsDatatable({ children, datatable, footer, header, identifier, rlsThem
     }, [datatable]);
     return (jsxRuntimeExports.jsxs("div", { className: className, "rls-theme": rlsTheme, children: [toolbar && jsxRuntimeExports.jsx("div", { className: "rls-datatable__toolbar", children: toolbar }), jsxRuntimeExports.jsxs("table", { id: identifier, children: [header && jsxRuntimeExports.jsx("thead", { className: "rls-datatable__head", children: header }), jsxRuntimeExports.jsx("tbody", { ref: datatable?.tableRef, className: "rls-datatable__body", children: children })] }), summary && jsxRuntimeExports.jsx("div", { className: "rls-datatable__summary", children: summary }), footer && jsxRuntimeExports.jsx("div", { className: "rls-datatable__footer", children: footer })] }));
 }
-function RlsDatatableHeader({ children, identifier }) {
-    return (jsxRuntimeExports.jsx("tr", { id: identifier, className: "rls-datatable__header", children: children }));
+function RlsDatatableHeader({ children, identifier, rlsTheme }) {
+    return (jsxRuntimeExports.jsx("tr", { id: identifier, className: "rls-datatable__header", "rls-theme": rlsTheme, children: children }));
 }
-function RlsDatatableTitle({ children, className, control, identifier }) {
+function RlsDatatableTitle({ children, className, control, identifier, rlsTheme }) {
     const classNameTitle = require$$0.useMemo(() => {
         return renderClassStatus('rls-datatable__title', { control }, className);
     }, [className, control]);
-    return (jsxRuntimeExports.jsx("th", { id: identifier, className: classNameTitle, children: children }));
+    return (jsxRuntimeExports.jsx("th", { id: identifier, className: classNameTitle, "rls-theme": rlsTheme, children: children }));
 }
-function RlsDatatableSubheader({ children, className, identifier }) {
+function RlsDatatableSubheader({ children, className, identifier, rlsTheme }) {
     const classNameSubheader = require$$0.useMemo(() => {
         return renderClassStatus('rls-datatable__subheader', {}, className);
     }, [className]);
-    return (jsxRuntimeExports.jsx("tr", { id: identifier, className: classNameSubheader, children: children }));
+    return (jsxRuntimeExports.jsx("tr", { id: identifier, className: classNameSubheader, "rls-theme": rlsTheme, children: children }));
 }
-function RlsDatatableRecord({ children, className, error, identifier, info, overflow, successs, warning }) {
+function RlsDatatableRecord({ children, className, error, identifier, info, overflow, successs, warning, rlsTheme }) {
     const classNameRecord = require$$0.useMemo(() => {
         return renderClassStatus('rls-datatable__record', { error, info, overflow, successs, warning }, className);
     }, [className, error, info, overflow, successs, warning]);
-    return (jsxRuntimeExports.jsx("tr", { id: identifier, className: classNameRecord, children: children }));
+    return (jsxRuntimeExports.jsx("tr", { id: identifier, className: classNameRecord, "rls-theme": rlsTheme, children: children }));
 }
-function RlsDatatableTotals({ children, className, error, identifier, info, overflow, successs, warning }) {
+function RlsDatatableTotals({ children, className, error, identifier, info, overflow, successs, warning, rlsTheme }) {
     const classNameTotals = require$$0.useMemo(() => {
         return renderClassStatus('rls-datatable__totals', { error, info, overflow, successs, warning }, className);
     }, [className, error, info, overflow, successs, warning]);
-    return (jsxRuntimeExports.jsx("div", { id: identifier, className: classNameTotals, children: children }));
+    return (jsxRuntimeExports.jsx("div", { id: identifier, className: classNameTotals, "rls-theme": rlsTheme, children: children }));
 }
-function RlsDatatableCell({ children, className, control, identifier, overflow }) {
+function RlsDatatableCell({ children, className, control, identifier, overflow, rlsTheme }) {
     const classNameCell = require$$0.useMemo(() => {
         return renderClassStatus('rls-datatable__cell', { control, overflow }, className);
     }, [className, control, overflow]);
-    return (jsxRuntimeExports.jsx("td", { id: identifier, className: classNameCell, children: children }));
+    return (jsxRuntimeExports.jsx("td", { id: identifier, className: classNameCell, "rls-theme": rlsTheme, children: children }));
 }
 function RlsDatatableData({ children, className, control, identifier, overflow }) {
     const classNameData = require$$0.useMemo(() => {
@@ -2365,11 +2365,11 @@ function RlsDatatableData({ children, className, control, identifier, overflow }
     }, [className, overflow, control]);
     return (jsxRuntimeExports.jsx("div", { id: identifier, className: classNameData, children: children }));
 }
-function RlsDatatableFloating({ children, className, identifier, invested }) {
+function RlsDatatableFloating({ children, className, identifier, invested, rlsTheme }) {
     const classNameFloating = require$$0.useMemo(() => {
         return renderClassStatus('rls-datatable__floating', { invested }, className);
     }, [className, invested]);
-    return (jsxRuntimeExports.jsx("td", { id: identifier, className: classNameFloating, children: children }));
+    return (jsxRuntimeExports.jsx("td", { id: identifier, className: classNameFloating, "rls-theme": rlsTheme, children: children }));
 }
 
 function createObserver(options) {