@workday/canvas-kit-react 11.0.0-alpha.707-next.0 → 11.0.0-alpha.710-next.0

package/dist/commonjs/table/lib/TableHead.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableHead = void 0;
+const react_1 = __importDefault(require("react"));
+const layout_1 = require("@workday/canvas-kit-react/layout");
+const common_1 = require("@workday/canvas-kit-react/common");
+const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
+const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
+const tableHeadStencil = canvas_kit_styling_1.createStencil({
+    base: { name: "sv3y8l", styles: "display:grid;background-color:var(--cnvs-base-palette-soap-100, rgba(246,247,248,1));min-height:3rem;box-sizing:border-box;th {&:first-of-type{border-inline-start:none;}&:last-of-type{border-inline-end:none;}}" }
+}, "table-head");
+exports.TableHead = common_1.createComponent('thead')({
+    displayName: 'Table.Head',
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        return (react_1.default.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, tableHeadStencil())), children));
+    },
+});

package/dist/commonjs/table/lib/TableHeader.d.ts

@@ -0,0 +1,2 @@
+export declare const TableHeader: import("@workday/canvas-kit-react/common").ElementComponent<"th", Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").GridStyleProps>;
+//# sourceMappingURL=TableHeader.d.ts.map

package/dist/commonjs/table/lib/TableHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../table/lib/TableHeader.tsx"],"names":[],"mappings":"AAqBA,eAAO,MAAM,WAAW,qMAStB,CAAC"}

package/dist/commonjs/table/lib/TableHeader.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableHeader = void 0;
+const react_1 = __importDefault(require("react"));
+const layout_1 = require("@workday/canvas-kit-react/layout");
+const common_1 = require("@workday/canvas-kit-react/common");
+const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
+const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
+const tableHeaderStencil = canvas_kit_styling_1.createStencil({
+    base: { name: "mt03mc", styles: "display:grid;align-items:center;background-color:var(--cnvs-base-palette-french-vanilla-100, rgba(255,255,255,1));border-bottom:0.0625rem solid var(--cnvs-base-palette-soap-400, rgba(223,226,230,1));justify-content:start;min-height:3.5rem;padding:var(--cnvs-sys-space-x2, calc(0.25rem * 2)) var(--cnvs-sys-space-x4, calc(0.25rem * 4));word-break:break-word;font-weight:var(--cnvs-sys-font-weight-medium, 500);box-sizing:border-box;" }
+}, "table-header");
+exports.TableHeader = common_1.createComponent('th')({
+    displayName: 'Table.Header',
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        return (react_1.default.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, tableHeaderStencil())), children));
+    },
+});

package/dist/commonjs/table/lib/TableRow.d.ts

@@ -1,34 +1,2 @@
-import * as React from 'react';
-import { StyledType } from '@workday/canvas-kit-react/common';
-/**
- * @deprecated ⚠️ `Table` has been deprecated and will be removed in a future major version. Please use [`Table`](https://workday.github.io/canvas-kit/?path=/docs/preview-table--basic) in Preview instead.
- */
-export declare enum TableRowState {
-    Error = 0,
-    Alert = 1,
-    InputError = 2,
-    InputAlert = 3,
-    Hover = 4,
-    Selected = 5
-}
-/**
- * @deprecated ⚠️ `Table` has been deprecated and will be removed in a future major version. Please use [`Table`](https://workday.github.io/canvas-kit/?path=/docs/preview-table--basic) in Preview instead.
- */
-export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
-    /**
-     * The state of the TableRow. Accepts `Error`, `Alert`, `InputError`, `InputAlert`, `Hover`, or `Selected`.
-     */
-    state?: TableRowState;
-    /**
-     * If true, render the TableRow with header elements.
-     * @default false
-     */
-    header?: boolean;
-}
-/**
- * @deprecated ⚠️ `Table` has been deprecated and will be removed in a future major version. Please use [`Table`](https://workday.github.io/canvas-kit/?path=/docs/preview-table--basic) in Preview instead.
- */
-export declare const TableRow: import("@workday/canvas-kit-react/common").ElementComponent<"tr", TableRowProps & StyledType> & {
-    State: typeof TableRowState;
-};
+export declare const TableRow: import("@workday/canvas-kit-react/common").ElementComponent<"tr", Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").GridStyleProps>;
 //# sourceMappingURL=TableRow.d.ts.map

package/dist/commonjs/table/lib/TableRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../table/lib/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAkB,UAAU,EAAC,MAAM,kCAAkC,CAAC;AAG7E;;GAEG;AACH,oBAAY,aAAa;IACvB,KAAK,IAAA;IACL,KAAK,IAAA;IACL,UAAU,IAAA;IACV,UAAU,IAAA;IACV,KAAK,IAAA;IACL,QAAQ,IAAA;CACT;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IAC9E;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAuKD;;GAEG;AACH,eAAO,MAAM,QAAQ;;CAgBnB,CAAC"}
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../table/lib/TableRow.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,QAAQ,qMAuBnB,CAAC"}

package/dist/commonjs/table/lib/TableRow.js

@@ -1,206 +1,29 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableRow = exports.TableRowState = void 0;
-const React = __importStar(require("react"));
-const styled_1 = __importDefault(require("@emotion/styled"));
-const polished_1 = require("polished");
-const tokens_1 = require("@workday/canvas-kit-react/tokens");
+exports.TableRow = void 0;
+const react_1 = __importDefault(require("react"));
+const layout_1 = require("@workday/canvas-kit-react/layout");
 const common_1 = require("@workday/canvas-kit-react/common");
-const Table_1 = require("./Table");
-/**
- * @deprecated ⚠️ `Table` has been deprecated and will be removed in a future major version. Please use [`Table`](https://workday.github.io/canvas-kit/?path=/docs/preview-table--basic) in Preview instead.
- */
-var TableRowState;
-(function (TableRowState) {
-    TableRowState[TableRowState["Error"] = 0] = "Error";
-    TableRowState[TableRowState["Alert"] = 1] = "Alert";
-    TableRowState[TableRowState["InputError"] = 2] = "InputError";
-    TableRowState[TableRowState["InputAlert"] = 3] = "InputAlert";
-    TableRowState[TableRowState["Hover"] = 4] = "Hover";
-    TableRowState[TableRowState["Selected"] = 5] = "Selected";
-})(TableRowState = exports.TableRowState || (exports.TableRowState = {}));
-const errorColor = tokens_1.statusColors.error;
-const errorColorLight = tokens_1.colors.cinnamon200;
-const alertColor = tokens_1.statusColors.warning;
-const alertColorLight = tokens_1.colors.cantaloupe200;
-function makeColoredRow(_bgColor, _borderColor) {
-    return {
-        backgroundColor: _bgColor,
-        position: 'relative',
-        // Bottom border
-        '&:before, &:after': {
-            position: 'absolute',
-            left: 0,
-            top: -Table_1.borderWidth,
-            content: '""',
-            width: `calc(100% + ${Table_1.borderWidth}px)`,
-            height: Table_1.borderWidth,
-            backgroundColor: _borderColor,
-        },
-        '&:after': {
-            top: 'auto',
-            bottom: -Table_1.borderWidth,
-        },
-        '&:first-of-type': {
-            boxShadow: `inset ${Table_1.borderWidth}px 0 0 ${_borderColor}`,
-        },
-        '&:last-child': {
-            boxShadow: `inset -${Table_1.borderWidth}px 0 0 ${_borderColor}`,
-            '&:before, &:after': {
-                width: '100%',
-            },
-        },
-    };
-}
-function makeColoredRowStyle(_bgColor, _borderColor) {
-    const lightenedBg = polished_1.rgba(_bgColor, 0.2);
-    return {
-        'th, td': [
-            makeColoredRow(lightenedBg, _bgColor),
-            {
-                borderLeftColor: _borderColor,
-                borderRightColor: _borderColor,
-            },
-        ],
-        '&:hover': {
-            'th, td': {
-                backgroundColor: lightenedBg,
-            },
-        },
-    };
-}
-function makeBorderlessStyle(_bgColor) {
-    return {
-        'th, td': {
-            backgroundColor: polished_1.rgba(_bgColor, 0.2),
-        },
-    };
-}
-const StyledTableRow = styled_1.default('tr')({
-    'th, td': {
-        backgroundColor: tokens_1.colors.frenchVanilla100,
-        padding: `${tokens_1.space.xs} ${tokens_1.space.xxs}`,
-        fontSize: 13,
-        borderRight: Table_1.cellBorder,
-        borderBottom: Table_1.cellBorder,
-        height: `calc(${tokens_1.space.xl} + ${tokens_1.space.xxs})`,
-        boxSizing: 'border-box',
-        transition: 'background-color 0.2s',
-    },
-    td: {
-        '&:last-child': {
-            borderRight: 'none',
-        },
-    },
-    th: {
-        height: tokens_1.space.xxl,
-        '&:last-child': {
-            borderRight: 'none',
-        },
-    },
-    '&:last-child': {
-        'th, td': {
-            borderBottom: 'none',
-        },
-    },
-}, ({ header }) => header && {
-    '&:last-child': {
-        'th, td': {
-            borderBottom: '1px solid transparent',
-        },
-    },
-    'th, td': {
-        position: 'relative',
-        backgroundColor: tokens_1.colors.frenchVanilla100,
-        verticalAlign: 'middle',
-        '&:after': {
-            position: 'absolute',
-            left: 0,
-            bottom: -Table_1.borderWidth,
-            content: '""',
-            width: `calc(100% + ${Table_1.borderWidth}px)`,
-            height: Table_1.borderWidth,
-            backgroundColor: Table_1.borderColor,
-        },
-        '&:last-child': {
-            '&:after': {
-                width: '100%',
-            },
-        },
-    },
-}, ({ state }) => {
-    switch (state) {
-        case TableRowState.InputError:
-            return makeBorderlessStyle(errorColor);
-        case TableRowState.Error:
-            return makeColoredRowStyle(errorColor, errorColorLight);
-        case TableRowState.InputAlert:
-            return makeBorderlessStyle(alertColor);
-        case TableRowState.Alert:
-            return makeColoredRowStyle(alertColor, alertColorLight);
-        case TableRowState.Selected:
-            return {
-                'th, td': [
-                    makeColoredRow(tokens_1.colors.blueberry100, tokens_1.colors.blueberry500),
-                    {
-                        '&:after': {
-                            zIndex: 2,
-                        },
-                    },
-                ],
-            };
-        default:
-            return {
-                '&:hover': {
-                    'th, td': {
-                        backgroundColor: tokens_1.colors.soap300,
-                    },
-                },
-                '&:focus': {
-                    outline: 'none',
-                    'th, td': [
-                        makeColoredRow(tokens_1.colors.blueberry100, tokens_1.colors.blueberry500),
-                        {
-                            '&:after': {
-                                zIndex: 2,
-                            },
-                        },
-                    ],
-                },
-            };
-    }
-});
-/**
- * @deprecated ⚠️ `Table` has been deprecated and will be removed in a future major version. Please use [`Table`](https://workday.github.io/canvas-kit/?path=/docs/preview-table--basic) in Preview instead.
- */
+const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
+const childrenVars = canvas_kit_styling_1.createVars({ id: "cnvs-children", args: ["cellNumber"] });
+// Styles for rows including dynamic sizing for amount of cells within a row
+const tableRowStencil = canvas_kit_styling_1.createStencil({
+    base: { name: "s9e95c", styles: "display:grid;grid-auto-flow:column;grid-template-columns:repeat(var(--cnvs-children-cellNumber), minmax(10rem, 1fr));box-sizing:border-box;" }
+}, "table-row");
 exports.TableRow = common_1.createComponent('tr')({
-    displayName: 'TableRow',
-    Component: ({ state, header, children, ...elemProps }, ref, Element) => {
-        return (React.createElement(StyledTableRow, Object.assign({ as: Element, ref: ref, state: state, header: header }, elemProps), children));
-    },
-    subComponents: {
-        State: TableRowState,
+    displayName: 'Table.Row',
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        // This calculates the amount of valid React children cells within the row and will update the gridTemplateColumns style property with that amount of cells within the row
+        const validChildren = (children) => {
+            return react_1.default.Children.toArray(children).filter(child => react_1.default.isValidElement(child));
+        };
+        /**
+         * This is the calculated amount of valid React children
+         */
+        const childrenArray = validChildren(children).length;
+        return (react_1.default.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, [tableRowStencil(), { [childrenVars.cellNumber]: childrenArray }])), children));
     },
 });

package/dist/es6/table/index.d.ts

@@ -1,3 +1,2 @@
 export * from './lib/Table';
-export * from './lib/TableRow';
 //# sourceMappingURL=index.d.ts.map

package/dist/es6/table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../table/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../table/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/es6/table/index.js

@@ -1,2 +1 @@
 export * from './lib/Table';
-export * from './lib/TableRow';

package/dist/es6/table/lib/Table.d.ts

@@ -1,11 +1,207 @@
-import * as React from 'react';
-export declare const borderWidth = 1;
-export declare const borderColor: string;
-export declare const cellBorder: string;
 /**
- * @deprecated ⚠️ `Table` has been deprecated and will be removed in a future major version. Please use [`Table`](https://workday.github.io/canvas-kit/?path=/docs/preview-table--basic) in Preview instead.
- */
-export declare class Table extends React.Component<React.TableHTMLAttributes<HTMLTableElement>> {
-    render(): JSX.Element;
+ * `Table` is a simple styled compound component that renders a [table](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table) element. It is used to present information in a two-dimensional table comprised of rows and columns of cells containing data.
+ *
+ *
+ * ```tsx
+import {Table} from '@workday/canvas-kit-react/table';
+
+export default function App() {
+  return (
+    <Table>
+      <Table.Caption>Table Caption</Table.Caption>
+      <Table.Head>
+        <Table.Row>
+          <Table.Header>Table Header</Table.Header>
+          <Table.Header>Table Header</Table.Header>
+        </Table.Row>
+      </Table.Head>
+      <Table.Body>
+        <Table.Row>
+          <Table.Header>Table Header</Table.Header>
+          <Table.Header>Table Header</Table.Header>
+        </Table.Row>
+        <Table.Row>
+          <Table.Header>Table Header</Table.Header>
+          <Table.Cell>Table Data Cell</Table.Cell>
+        </Table.Row>
+        <Table.Row>
+          <Table.Header>Table Header</Table.Header>
+          <Table.Cell>Table Data Cell</Table.Cell>
+        </Table.Row>
+      </Table.Body>
+      <Table.Footer>
+        <Table.Row>
+          <Table.Header>Table Header</Table.Header>
+          <Table.Cell>Table Data Cell</Table.Cell>
+        </Table.Row>
+      </Table.Footer>
+    </Table>
+  );
 }
+```
+ */
+export declare const Table: import("@workday/canvas-kit-react/common").ElementComponent<"table", Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").GridStyleProps> & {
+    /**
+     * `Table.Caption` renders a [caption](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption) element.
+     *
+     *
+     * ```tsx
+      import {Table} from '@workday/canvas-kit-react/table';
+
+      export default function App() {
+        return (
+          <Table>
+            <Table.Caption>Table Caption</Table.Caption>
+            <Table.Body>
+              <Table.Row>
+                <Table.Header>Table Header</Table.Header>
+                <Table.Cell>Table Cell</Table.Cell>
+              </Table.Row>
+            </Table.Body>
+          </Table>
+        );
+      }
+      ```
+    */
+    Caption: import("@workday/canvas-kit-react/common").ElementComponent<"caption", Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").FlexStyleProps>;
+    /**
+    * `Table.Head` renders a [thead](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead) element.
+    *
+    *
+    * ```tsx
+    import {Table} from '@workday/canvas-kit-react/table';
+
+    export default function App() {
+      return (
+        <Table>
+          <Table.Head>
+            <Table.Row>
+              <Table.Header>Table Header</Table.Header>
+              <Table.Cell>Table Cell</Table.Cell>
+            </Table.Row>
+          </Table.Head>
+        </Table>
+      );
+    }
+    ```
+    */
+    Head: import("@workday/canvas-kit-react/common").ElementComponent<"thead", Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").GridStyleProps>;
+    /**
+     * `Table.Body` renders a [tbody](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody) element.
+     *
+     *
+     * ```tsx
+    import {Table} from '@workday/canvas-kit-react/table';
+
+    export default function App() {
+      return (
+        <Table>
+          <Table.Body>
+            <Table.Row>
+              <Table.Header>Table Header</Table.Header>
+              <Table.Cell>Table Cell</Table.Cell>
+            </Table.Row>
+          </Table.Body>
+        </Table>
+      );
+    }
+    ```
+    */
+    Body: import("@workday/canvas-kit-react/common").ElementComponent<"tbody", Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").GridStyleProps>;
+    /**
+     * `Table.Row` renders a [tr](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr) element.
+     *
+     * **Note**: `Table.Row` is built on [Grid](/docs/components-layout-grid--basic). It will look for
+     * how many children are there and if those children are valid React Elements. This will adjust the
+     * amount of columns automatically using the `gridTemplateColumns` style prop and the width of the
+     * columns is also set using a `minmax` function in the `gridTemplateColumns` style prop. If a user
+     * would like to adjust this, it can be overwritten on `Table.Row`. See the example below for how to
+     * overwrite `gridTemplateColumns`.
+     *
+     *
+     * ```tsx
+    import {Table} from '@workday/canvas-kit-react/table';
+
+    export default function App() {
+      return (
+        <Table>
+          <Table.Head>
+            <Table.Row gridTemplateColumns="repeat(4, minmax(100px, 1fr))">
+              <Table.Header>Table Header</Table.Header>
+              <Table.Cell>Table Cell</Table.Cell>
+            </Table.Row>
+          </Table.Head>
+        </Table>
+      );
+    }
+    ```
+    */
+    Row: import("@workday/canvas-kit-react/common").ElementComponent<"tr", Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").GridStyleProps>;
+    /**
+    * `Table.Header` renders a [th](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th) element.
+    *
+    *
+    * ```tsx
+    import {Table} from '@workday/canvas-kit-react/table';
+
+    export default function App() {
+      return (
+        <Table>
+          <Table.Head>
+            <Table.Row>
+              <Table.Header>Table Header</Table.Header>
+              <Table.Cell>Table Cell</Table.Cell>
+            </Table.Row>
+          </Table.Head>
+        </Table>
+      );
+    }
+    ```
+    */
+    Header: import("@workday/canvas-kit-react/common").ElementComponent<"th", Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").GridStyleProps>;
+    /**
+    * `Table.Cell` renders a [td](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td) element.
+    *
+    *
+    * ```tsx
+    import {Table} from '@workday/canvas-kit-react/table';
+
+    export default function App() {
+      return (
+        <Table>
+          <Table.Body>
+            <Table.Row>
+              <Table.Header>Table Header</Table.Header>
+              <Table.Cell>Table Cell</Table.Cell>
+            </Table.Row>
+          </Table.Body>
+        </Table>
+      );
+    }
+    ```
+    */
+    Cell: import("@workday/canvas-kit-react/common").ElementComponent<"td", Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").GridStyleProps>;
+    /**
+    * `Table.Footer` renders a [tfoot](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tfoot) element.
+    *
+    *
+    * ```tsx
+    import {Table} from '@workday/canvas-kit-react/table';
+
+    export default function App() {
+      return (
+        <Table>
+          <Table.Footer>
+            <Table.Row>
+              <Table.Header>Table Header</Table.Header>
+              <Table.Cell>Table Cell</Table.Cell>
+            </Table.Row>
+          </Table.Footer>
+        </Table>
+      );
+    }
+    ```
+    */
+    Footer: import("@workday/canvas-kit-react/common").ElementComponent<"tfoot", Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").GridStyleProps>;
+};
 //# sourceMappingURL=Table.d.ts.map

package/dist/es6/table/lib/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../table/lib/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,WAAW,QAAiB,CAAC;AAC1C,eAAO,MAAM,UAAU,QAA0C,CAAC;AAYlE;;GAEG;AACH,qBAAa,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC9E,MAAM;CAKd"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../table/lib/Table.tsx"],"names":[],"mappings":"AAyBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,KAAK;IAUd;;;;;;;;;;;;;;;;;;;;;MAqBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2BE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;CAGJ,CAAC"}