@jobber/components 6.107.2 → 6.107.3-TAYLORdat-ce88606.3

package/dist/DataTable/components/DataTableFooter.d.ts

@@ -2,8 +2,10 @@ import React from "react";
 export interface DataTableFooterProps extends React.HTMLAttributes<HTMLTableSectionElement> {
     readonly children: React.ReactNode;
     /**
-     * Number of columns to span across. This should match the number of columns in your table.
+     * Number of columns to span across. When provided, children are wrapped in a
+     * single cell that spans all columns. When omitted, children are rendered
+     * directly, allowing custom row/cell structures.
      */
-    readonly colSpan: number;
+    readonly colSpan?: number;
 }
-export declare function DataTableFooter({ children, className, colSpan, ...props }: DataTableFooterProps): React.JSX.Element;
+export declare function DataTableFooter({ children, className, ...props }: DataTableFooterProps): React.JSX.Element;

package/dist/DataTableTable-cjs.js

@@ -59,10 +59,8 @@ function DataTableContainer(props) {
 }
 
 function DataTableFooter(_a) {
-    var { children, className, colSpan } = _a, props = tslib_es6.__rest(_a, ["children", "className", "colSpan"]);
-    return (React.createElement("tfoot", Object.assign({}, props, { className: classnames(styles.footer, className) }),
-        React.createElement("tr", null,
-            React.createElement("td", { colSpan: colSpan }, children))));
+    var { children, className } = _a, props = tslib_es6.__rest(_a, ["children", "className"]);
+    return (React.createElement("tfoot", Object.assign({}, props, { className: classnames(styles.footer, className) }), children));
 }
 
 function DataTableHeader(props) {

package/dist/DataTableTable-es.js

@@ -57,10 +57,8 @@ function DataTableContainer(props) {
 }
 
 function DataTableFooter(_a) {
-    var { children, className, colSpan } = _a, props = __rest(_a, ["children", "className", "colSpan"]);
-    return (React__default.createElement("tfoot", Object.assign({}, props, { className: classnames(styles.footer, className) }),
-        React__default.createElement("tr", null,
-            React__default.createElement("td", { colSpan: colSpan }, children))));
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (React__default.createElement("tfoot", Object.assign({}, props, { className: classnames(styles.footer, className) }), children));
 }
 
 function DataTableHeader(props) {

package/dist/styles.css

@@ -6716,6 +6716,8 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 .thJ-CSoe0ps- {
   padding: 8px 16px;
   padding: var(--space-small) var(--space-base);
+  border-top: 1px solid hsl(200, 13%, 87%);
+  border-top: var(--border-base) solid var(--color-border);
 }
 
  {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.107.2",
+  "version": "6.107.3-TAYLORdat-ce88606.3+ce88606f3",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -538,5 +538,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "fab61b9fab49e4a4aec72472893c389ddb77e19f"
+  "gitHead": "ce88606f3c5a7cd2e5583068ddabc243fa162fa0"
 }