@jobber/components 6.109.2 → 6.109.3

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

@@ -1,9 +1,5 @@
 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.
-     */
-    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

@@ -6724,6 +6724,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.109.2",
+  "version": "6.109.3",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -538,5 +538,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "210d6b515ba31e1f62cfc7ef55633d733952cbd2"
+  "gitHead": "a264eabdc9059db7f7509827b44c4b3e545e3f25"
 }