@workday/canvas-kit-preview-react 7.1.4 → 7.2.0-427-next.2

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/dist/es6/text-area/lib/TextArea.d.ts

@@ -19,23 +19,14 @@ export declare const TextArea: import("@workday/canvas-kit-react/common").Elemen
     };
     events: {};
 }> & {
-    Context: React.Context<{
+    Field: import("@workday/canvas-kit-react/common").ElementComponentM<"textarea", import("@workday/canvas-kit-react/layout").BackgroundStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/color").BorderColorStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/lineStyle").BorderLineStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/radius").BorderRadiusStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/shorthand").BorderShorthandStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/border/width").BorderWidthStyleProps & import("@workday/canvas-kit-react/layout").ColorStyleProps & import("@workday/canvas-kit-react/layout").DepthStyleProps & import("@workday/canvas-kit-react/layout").FlexItemStyleProps & import("@workday/canvas-kit-react/layout").GridItemStyleProps & import("@workday/canvas-kit-react/layout").LayoutStyleProps & import("@workday/canvas-kit-react/layout").OtherStyleProps & import("@workday/canvas-kit-react/layout").PositionStyleProps & import("@workday/canvas-kit-react/layout").SpaceStyleProps & import("@workday/canvas-kit-react/layout").TextStyleProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
         state: {
             id: string;
             hasError: boolean;
             isRequired: boolean;
         };
         events: {};
-    }>;
-} & {
-    Field: import("@workday/canvas-kit-react/common").ElementComponentM<"textarea", import("@workday/canvas-kit-react/layout").BorderShorthandStyleProps & import("@workday/canvas-kit-react/layout").BorderColorStyleProps & import("@workday/canvas-kit-react/layout").BorderRadiusStyleProps & import("@workday/canvas-kit-react/layout").BorderLineStyleProps & import("@workday/canvas-kit-react/layout").BorderWidthStyleProps & import("@workday/canvas-kit-react/layout").BorderLogicalStyleProps & import("@workday/canvas-kit-react/layout").ColorStyleProps & import("@workday/canvas-kit-react/layout").DepthStyleProps & import("@workday/canvas-kit-react/layout").FlexItemStyleProps & import("@workday/canvas-kit-react/layout").LayoutStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/other").OtherStyleProps & import("@workday/canvas-kit-react/layout").PositionStandardProps & import("@workday/canvas-kit-react/layout").PositionLogicalProps & import("@workday/canvas-kit-react/layout/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-react/layout/lib/utils/space").SpaceLogicalProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
-        state: {
-            id: string;
-            hasError: boolean;
-            isRequired: boolean;
-        };
-        events: {};
-    }>, {
+    }, {}>, {
         state: {
             id: string;
             hasError: boolean;
@@ -51,7 +42,7 @@ export declare const TextArea: import("@workday/canvas-kit-react/common").Elemen
         };
         events: {};
     }>;
-    Hint: import("@workday/canvas-kit-react/common").ElementComponentM<"p", import("@workday/canvas-kit-react/layout").BorderShorthandStyleProps & import("@workday/canvas-kit-react/layout").BorderColorStyleProps & import("@workday/canvas-kit-react/layout").BorderRadiusStyleProps & import("@workday/canvas-kit-react/layout").BorderLineStyleProps & import("@workday/canvas-kit-react/layout").BorderWidthStyleProps & import("@workday/canvas-kit-react/layout").BorderLogicalStyleProps & import("@workday/canvas-kit-react/layout").ColorStyleProps & import("@workday/canvas-kit-react/layout").DepthStyleProps & import("@workday/canvas-kit-react/layout").FlexItemStyleProps & import("@workday/canvas-kit-react/layout").LayoutStyleProps & import("@workday/canvas-kit-react/layout/lib/utils/other").OtherStyleProps & import("@workday/canvas-kit-react/layout").PositionStandardProps & import("@workday/canvas-kit-react/layout").PositionLogicalProps & import("@workday/canvas-kit-react/layout/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-react/layout/lib/utils/space").SpaceLogicalProps, {
+    Hint: import("@workday/canvas-kit-react/common").ElementComponentM<"p", Omit<import("@workday/canvas-kit-react/text").TypeLevelProps, "size">, {
         state: {
             id: string;
             hasError: boolean;

package/dist/es6/text-area/lib/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,SAAS,EAA0B,MAAM,8CAA8C,CAAC;AAMhG,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,SAAS,EAAE,KAAK,CAAC;IAC1E;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnB,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EACL,SAAS,EAGV,MAAM,8CAA8C,CAAC;AAKtD,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,SAAS,EAAE,KAAK,CAAC;IAC1E;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnB,CAAC"}