@workday/canvas-kit-preview-react 9.0.0-alpha.382-next.2 → 9.0.0-alpha.385-next.4

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

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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");
+exports.TableRow = common_1.createComponent('tr')({
+    displayName: 'Table.Row',
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        const validChildren = (children) => {
+            return react_1.default.Children.toArray(children).filter(child => react_1.default.isValidElement(child));
+        };
+        const childrenArray = validChildren(children).length;
+        return (react_1.default.createElement(layout_1.Grid, Object.assign({ as: Element, ref: ref, gridAutoFlow: "column", gridTemplateColumns: `repeat(${childrenArray}, minmax(10rem, 1fr))` }, elemProps), children));
+    },
+});

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

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

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

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

package/dist/es6/table/index.js

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

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

@@ -0,0 +1,207 @@
+/**
+ * `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-preview-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-preview-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-preview-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-preview-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-preview-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-preview-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-preview-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-preview-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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../table/lib/Table.tsx"],"names":[],"mappings":"AAYA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,KAAK;IAkBd;;;;;;;;;;;;;;;;;;;;;MAqBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2BE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;IAEF;;;;;;;;;;;;;;;;;;;;MAoBE;;CAGJ,CAAC"}

package/dist/es6/table/lib/Table.js

@@ -0,0 +1,223 @@
+import React from 'react';
+import { Grid } from '@workday/canvas-kit-react/layout';
+import { type, colors } from '@workday/canvas-kit-react/tokens';
+import { createComponent } from '@workday/canvas-kit-react/common';
+import { TableHead } from './TableHead';
+import { TableBody } from './TableBody';
+import { TableRow } from './TableRow';
+import { TableHeader } from './TableHeader';
+import { TableCell } from './TableCell';
+import { TableFooter } from './TableFooter';
+import { TableCaption } from './TableCaption';
+/**
+ * `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-preview-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 const Table = createComponent('table')({
+    displayName: 'Table',
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        return (React.createElement(Grid, Object.assign({ as: Element, ref: ref, border: `1px solid ${colors.soap500}`, borderRadius: "l", overflow: "scroll" }, type.levels.subtext.large, elemProps), children));
+    },
+    subComponents: {
+        /**
+         * `Table.Caption` renders a [caption](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption) element.
+         *
+         *
+         * ```tsx
+          import {Table} from '@workday/canvas-kit-preview-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: TableCaption,
+        /**
+        * `Table.Head` renders a [thead](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead) element.
+        *
+        *
+        * ```tsx
+        import {Table} from '@workday/canvas-kit-preview-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: TableHead,
+        /**
+         * `Table.Body` renders a [tbody](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody) element.
+         *
+         *
+         * ```tsx
+        import {Table} from '@workday/canvas-kit-preview-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: TableBody,
+        /**
+         * `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-preview-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: TableRow,
+        /**
+        * `Table.Header` renders a [th](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th) element.
+        *
+        *
+        * ```tsx
+        import {Table} from '@workday/canvas-kit-preview-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: TableHeader,
+        /**
+        * `Table.Cell` renders a [td](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td) element.
+        *
+        *
+        * ```tsx
+        import {Table} from '@workday/canvas-kit-preview-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: TableCell,
+        /**
+        * `Table.Footer` renders a [tfoot](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tfoot) element.
+        *
+        *
+        * ```tsx
+        import {Table} from '@workday/canvas-kit-preview-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: TableFooter,
+    },
+});

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../table/lib/TableBody.tsx"],"names":[],"mappings":"AAyBA,eAAO,MAAM,SAAS,wMASpB,CAAC"}

package/dist/es6/table/lib/TableBody.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { Grid } from '@workday/canvas-kit-react/layout';
+import { createComponent, styled } from '@workday/canvas-kit-react/common';
+const StyledBody = styled(Grid.as('tbody'))({
+    'tr:last-of-type td': {
+        borderBottom: 'none',
+    },
+    'tr:last-of-type th': {
+        borderBottom: 'none',
+    },
+    'tr:first-of-type td': {
+        borderTop: 'none',
+    },
+    'tr:first-of-type th': {
+        borderTop: 'none',
+    },
+    'td:last-of-type': {
+        borderRight: 'none',
+    },
+    'td:first-of-type': {
+        borderLeft: 'none',
+    },
+});
+export const TableBody = createComponent('tbody')({
+    displayName: 'Table.Body',
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        return (React.createElement(StyledBody, Object.assign({ as: Element, ref: ref }, elemProps), children));
+    },
+});

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCaption.d.ts","sourceRoot":"","sources":["../../../../table/lib/TableCaption.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,0MAgBvB,CAAC"}

package/dist/es6/table/lib/TableCaption.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { colors } from '@workday/canvas-kit-react/tokens';
+import { Flex } from '@workday/canvas-kit-react/layout';
+import { createComponent } from '@workday/canvas-kit-react/common';
+export const TableCaption = createComponent('caption')({
+    displayName: 'Table.Caption',
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        return (React.createElement(Flex, Object.assign({ as: Element, ref: ref, borderBottom: `1px solid ${colors.soap500}`, paddingY: "xxs", paddingX: "s" }, elemProps), children));
+    },
+});

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../table/lib/TableCell.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,qMAqBpB,CAAC"}

package/dist/es6/table/lib/TableCell.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Grid } from '@workday/canvas-kit-react/layout';
+import { colors } from '@workday/canvas-kit-react/tokens';
+import { createComponent } from '@workday/canvas-kit-react/common';
+export const TableCell = createComponent('td')({
+    displayName: 'Table.Cell',
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        return (React.createElement(Grid, Object.assign({ as: Element, ref: ref, alignItems: "center", backgroundColor: "frenchVanilla100", borderBottom: `1px solid ${colors.soap400}`, justifyContent: "left", minHeight: "56px", paddingY: "xxs", paddingX: "s", wordBreak: "break-word" }, elemProps), children));
+    },
+});

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

@@ -0,0 +1,2 @@
+export declare const TableFooter: 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=TableFooter.d.ts.map

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

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

package/dist/es6/table/lib/TableFooter.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Grid } from '@workday/canvas-kit-react/layout';
+import { createComponent } from '@workday/canvas-kit-react/common';
+export const TableFooter = createComponent('tfoot')({
+    displayName: 'Table.Footer',
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        return (React.createElement(Grid, Object.assign({ as: Element, ref: ref }, elemProps), children));
+    },
+});

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.d.ts","sourceRoot":"","sources":["../../../../table/lib/TableHead.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,SAAS,wMASpB,CAAC"}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Grid } from '@workday/canvas-kit-react/layout';
+import { createComponent, styled } from '@workday/canvas-kit-react/common';
+const StyledHead = styled(Grid.as('thead'))({
+    'th:last-of-type': {
+        borderRight: 'none',
+    },
+    'th:first-of-type': {
+        borderLeft: 'none',
+    },
+});
+export const TableHead = createComponent('thead')({
+    displayName: 'Table.Head',
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        return (React.createElement(StyledHead, Object.assign({ as: Element, ref: ref, backgroundColor: "soap100", minHeight: "48px" }, elemProps), children));
+    },
+});

package/dist/es6/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/es6/table/lib/TableHeader.d.ts.map

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Grid } from '@workday/canvas-kit-react/layout';
+import { colors } from '@workday/canvas-kit-react/tokens';
+import { createComponent } from '@workday/canvas-kit-react/common';
+export const TableHeader = createComponent('th')({
+    displayName: 'Table.Header',
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        return (React.createElement(Grid, Object.assign({ as: Element, ref: ref, alignItems: "center", backgroundColor: "frenchVanilla100", borderBottom: `1px solid ${colors.soap400}`, justifyContent: "left", minHeight: "56px", paddingY: "xxs", paddingX: "s", wordBreak: "break-word", fontWeight: "medium" }, elemProps), children));
+    },
+});

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

@@ -0,0 +1,2 @@
+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/es6/table/lib/TableRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../table/lib/TableRow.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,qMAqBnB,CAAC"}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Grid } from '@workday/canvas-kit-react/layout';
+import { createComponent } from '@workday/canvas-kit-react/common';
+export const TableRow = createComponent('tr')({
+    displayName: 'Table.Row',
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        const validChildren = (children) => {
+            return React.Children.toArray(children).filter(child => React.isValidElement(child));
+        };
+        const childrenArray = validChildren(children).length;
+        return (React.createElement(Grid, Object.assign({ as: Element, ref: ref, gridAutoFlow: "column", gridTemplateColumns: `repeat(${childrenArray}, minmax(10rem, 1fr))` }, elemProps), children));
+    },
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-preview-react",
-  "version": "9.0.0-alpha.382-next.2+5edca312",
+  "version": "9.0.0-alpha.385-next.4+399695e0",
   "description": "Canvas Kit Preview is made up of components that have the full design and a11y review, are part of the DS ecosystem and are approved for use in product. The API's could be subject to change, but not without strong communication and migration strategies.",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -46,7 +46,7 @@
   "dependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
-    "@workday/canvas-kit-react": "^9.0.0-alpha.382-next.2+5edca312",
+    "@workday/canvas-kit-react": "^9.0.0-alpha.385-next.4+399695e0",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/design-assets-types": "^0.2.8"
   },
@@ -56,5 +56,5 @@
     "react-hook-form": "7.36.1",
     "yup": "^0.32.11"
   },
-  "gitHead": "5edca312f27bb6df43083e778e7c7eb06f34e655"
+  "gitHead": "399695e0108fa563e49cae17ecde059a7de58890"
 }