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

package/dist/commonjs/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/commonjs/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/commonjs/table/lib/Table.js

@@ -0,0 +1,229 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Table = void 0;
+const react_1 = __importDefault(require("react"));
+const layout_1 = require("@workday/canvas-kit-react/layout");
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const common_1 = require("@workday/canvas-kit-react/common");
+const TableHead_1 = require("./TableHead");
+const TableBody_1 = require("./TableBody");
+const TableRow_1 = require("./TableRow");
+const TableHeader_1 = require("./TableHeader");
+const TableCell_1 = require("./TableCell");
+const TableFooter_1 = require("./TableFooter");
+const TableCaption_1 = require("./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>
+  );
+}
+```
+ */
+exports.Table = common_1.createComponent('table')({
+    displayName: 'Table',
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        return (react_1.default.createElement(layout_1.Grid, Object.assign({ as: Element, ref: ref, border: `1px solid ${tokens_1.colors.soap500}`, borderRadius: "l", overflow: "scroll" }, tokens_1.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_1.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_1.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_1.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_1.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_1.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_1.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_1.TableFooter,
+    },
+});

package/dist/commonjs/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/commonjs/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/commonjs/table/lib/TableBody.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableBody = 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 StyledBody = common_1.styled(layout_1.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',
+    },
+});
+exports.TableBody = common_1.createComponent('tbody')({
+    displayName: 'Table.Body',
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        return (react_1.default.createElement(StyledBody, Object.assign({ as: Element, ref: ref }, elemProps), children));
+    },
+});

package/dist/commonjs/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/commonjs/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/commonjs/table/lib/TableCaption.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableCaption = void 0;
+const react_1 = __importDefault(require("react"));
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const layout_1 = require("@workday/canvas-kit-react/layout");
+const common_1 = require("@workday/canvas-kit-react/common");
+exports.TableCaption = common_1.createComponent('caption')({
+    displayName: 'Table.Caption',
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        return (react_1.default.createElement(layout_1.Flex, Object.assign({ as: Element, ref: ref, borderBottom: `1px solid ${tokens_1.colors.soap500}`, paddingY: "xxs", paddingX: "s" }, elemProps), children));
+    },
+});

package/dist/commonjs/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/commonjs/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/commonjs/table/lib/TableCell.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableCell = void 0;
+const react_1 = __importDefault(require("react"));
+const layout_1 = require("@workday/canvas-kit-react/layout");
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const common_1 = require("@workday/canvas-kit-react/common");
+exports.TableCell = common_1.createComponent('td')({
+    displayName: 'Table.Cell',
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        return (react_1.default.createElement(layout_1.Grid, Object.assign({ as: Element, ref: ref, alignItems: "center", backgroundColor: "frenchVanilla100", borderBottom: `1px solid ${tokens_1.colors.soap400}`, justifyContent: "left", minHeight: "56px", paddingY: "xxs", paddingX: "s", wordBreak: "break-word" }, elemProps), children));
+    },
+});

package/dist/commonjs/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/commonjs/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/commonjs/table/lib/TableFooter.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableFooter = 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.TableFooter = common_1.createComponent('tfoot')({
+    displayName: 'Table.Footer',
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        return (react_1.default.createElement(layout_1.Grid, Object.assign({ as: Element, ref: ref }, elemProps), children));
+    },
+});

package/dist/commonjs/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/commonjs/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/commonjs/table/lib/TableHead.js

@@ -0,0 +1,23 @@
+"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 StyledHead = common_1.styled(layout_1.Grid.as('thead'))({
+    'th:last-of-type': {
+        borderRight: 'none',
+    },
+    'th:first-of-type': {
+        borderLeft: 'none',
+    },
+});
+exports.TableHead = common_1.createComponent('thead')({
+    displayName: 'Table.Head',
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        return (react_1.default.createElement(StyledHead, Object.assign({ as: Element, ref: ref, backgroundColor: "soap100", minHeight: "48px" }, elemProps), 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":"AAKA,eAAO,MAAM,WAAW,qMAsBtB,CAAC"}

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

@@ -0,0 +1,16 @@
+"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 tokens_1 = require("@workday/canvas-kit-react/tokens");
+const common_1 = require("@workday/canvas-kit-react/common");
+exports.TableHeader = common_1.createComponent('th')({
+    displayName: 'Table.Header',
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        return (react_1.default.createElement(layout_1.Grid, Object.assign({ as: Element, ref: ref, alignItems: "center", backgroundColor: "frenchVanilla100", borderBottom: `1px solid ${tokens_1.colors.soap400}`, justifyContent: "left", minHeight: "56px", paddingY: "xxs", paddingX: "s", wordBreak: "break-word", fontWeight: "medium" }, elemProps), children));
+    },
+});

package/dist/commonjs/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/commonjs/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/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));
+    },
+});