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

package/dist/es6/lib/docs.js

@@ -31604,960 +31604,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       }
     }
   },
-  {
-    "name": "Table",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/Table.tsx",
-    "description": "`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.\n\n\n```tsx\nimport {Table} from '@workday/canvas-kit-preview-react/table';\n\nexport default function App() {\nreturn (\n <Table>\n   <Table.Caption>Table Caption</Table.Caption>\n   <Table.Head>\n     <Table.Row>\n       <Table.Header>Table Header</Table.Header>\n       <Table.Header>Table Header</Table.Header>\n     </Table.Row>\n   </Table.Head>\n   <Table.Body>\n     <Table.Row>\n       <Table.Header>Table Header</Table.Header>\n       <Table.Header>Table Header</Table.Header>\n     </Table.Row>\n     <Table.Row>\n       <Table.Header>Table Header</Table.Header>\n       <Table.Cell>Table Data Cell</Table.Cell>\n     </Table.Row>\n     <Table.Row>\n       <Table.Header>Table Header</Table.Header>\n       <Table.Cell>Table Data Cell</Table.Cell>\n     </Table.Row>\n   </Table.Body>\n   <Table.Footer>\n     <Table.Row>\n       <Table.Header>Table Header</Table.Header>\n       <Table.Cell>Table Data Cell</Table.Cell>\n     </Table.Row>\n   </Table.Footer>\n </Table>\n);\n}\n```",
-    "declarations": [
-      {
-        "name": "Table",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/Table.tsx"
-      }
-    ],
-    "tags": {},
-    "type": {
-      "kind": "enhancedComponent",
-      "componentType": "regular",
-      "displayName": "Table",
-      "props": [
-        {
-          "kind": "property",
-          "name": "cs",
-          "required": false,
-          "type": {
-            "kind": "symbol",
-            "name": "CSToPropsInput",
-            "value": "CSToPropsInput"
-          },
-          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles} instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
-          "declarations": [
-            {
-              "name": "cs",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "children",
-          "required": false,
-          "type": {
-            "kind": "external",
-            "name": "ReactNode",
-            "url": "https://reactjs.org/docs/rendering-elements.html"
-          },
-          "description": "",
-          "declarations": [
-            {
-              "name": "children",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/Box.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "as",
-          "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.ElementType",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
-          },
-          "defaultValue": {
-            "kind": "external",
-            "name": "table",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table"
-          }
-        },
-        {
-          "kind": "property",
-          "name": "ref",
-          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.Ref",
-            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
-            "typeParameters": [
-              {
-                "kind": "typeParameter",
-                "name": "R",
-                "required": true,
-                "defaultValue": {
-                  "kind": "external",
-                  "name": "table",
-                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table"
-                }
-              }
-            ]
-          }
-        }
-      ],
-      "baseElement": {
-        "kind": "external",
-        "name": "table",
-        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table"
-      },
-      "subComponents": [
-        {
-          "name": "Caption",
-          "symbol": "TableCaption",
-          "description": "`Table.Caption` renders a [caption](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption) element.\n\n\n```tsx\nimport {Table} from '@workday/canvas-kit-preview-react/table';\n\nexport default function App() {\n return (\n   <Table>\n     <Table.Caption>Table Caption</Table.Caption>\n     <Table.Body>\n       <Table.Row>\n         <Table.Header>Table Header</Table.Header>\n         <Table.Cell>Table Cell</Table.Cell>\n       </Table.Row>\n     </Table.Body>\n   </Table>\n );\n}\n```",
-          "declarations": [
-            {
-              "name": "Caption",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/Table.tsx"
-            },
-            {
-              "name": "TableCaption",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/TableCaption.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "name": "Head",
-          "symbol": "TableHead",
-          "description": "`Table.Head` renders a [thead](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead) element.\n\n\n```tsx\nimport {Table} from '@workday/canvas-kit-preview-react/table';\n\nexport default function App() {\nreturn (\n  <Table>\n    <Table.Head>\n      <Table.Row>\n        <Table.Header>Table Header</Table.Header>\n        <Table.Cell>Table Cell</Table.Cell>\n      </Table.Row>\n    </Table.Head>\n  </Table>\n);\n}\n```",
-          "declarations": [
-            {
-              "name": "Head",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/Table.tsx"
-            },
-            {
-              "name": "TableHead",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/TableHead.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "name": "Body",
-          "symbol": "TableBody",
-          "description": "`Table.Body` renders a [tbody](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody) element.\n\n\n```tsx\nimport {Table} from '@workday/canvas-kit-preview-react/table';\n\nexport default function App() {\nreturn (\n <Table>\n   <Table.Body>\n     <Table.Row>\n       <Table.Header>Table Header</Table.Header>\n       <Table.Cell>Table Cell</Table.Cell>\n     </Table.Row>\n   </Table.Body>\n </Table>\n);\n}\n```",
-          "declarations": [
-            {
-              "name": "Body",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/Table.tsx"
-            },
-            {
-              "name": "TableBody",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/TableBody.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "name": "Row",
-          "symbol": "TableRow",
-          "description": "`Table.Row` renders a [tr](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr) element.\n\n**Note**: `Table.Row` is built on [Grid](/docs/components-layout-grid--basic). It will look for\nhow many children are there and if those children are valid React Elements. This will adjust the\namount of columns automatically using the `gridTemplateColumns` style prop and the width of the\ncolumns is also set using a `minmax` function in the `gridTemplateColumns` style prop. If a user\nwould like to adjust this, it can be overwritten on `Table.Row`. See the example below for how to\noverwrite `gridTemplateColumns`.\n\n\n```tsx\nimport {Table} from '@workday/canvas-kit-preview-react/table';\n\nexport default function App() {\nreturn (\n <Table>\n   <Table.Head>\n     <Table.Row gridTemplateColumns=\"repeat(4, minmax(100px, 1fr))\">\n       <Table.Header>Table Header</Table.Header>\n       <Table.Cell>Table Cell</Table.Cell>\n     </Table.Row>\n   </Table.Head>\n </Table>\n);\n}\n```",
-          "declarations": [
-            {
-              "name": "Row",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/Table.tsx"
-            },
-            {
-              "name": "TableRow",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/TableRow.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "name": "Header",
-          "symbol": "TableHeader",
-          "description": "`Table.Header` renders a [th](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th) element.\n\n\n```tsx\nimport {Table} from '@workday/canvas-kit-preview-react/table';\n\nexport default function App() {\nreturn (\n  <Table>\n    <Table.Head>\n      <Table.Row>\n        <Table.Header>Table Header</Table.Header>\n        <Table.Cell>Table Cell</Table.Cell>\n      </Table.Row>\n    </Table.Head>\n  </Table>\n);\n}\n```",
-          "declarations": [
-            {
-              "name": "Header",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/Table.tsx"
-            },
-            {
-              "name": "TableHeader",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/TableHeader.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "name": "Cell",
-          "symbol": "TableCell",
-          "description": "`Table.Cell` renders a [td](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td) element.\n\n\n```tsx\nimport {Table} from '@workday/canvas-kit-preview-react/table';\n\nexport default function App() {\nreturn (\n  <Table>\n    <Table.Body>\n      <Table.Row>\n        <Table.Header>Table Header</Table.Header>\n        <Table.Cell>Table Cell</Table.Cell>\n      </Table.Row>\n    </Table.Body>\n  </Table>\n);\n}\n```",
-          "declarations": [
-            {
-              "name": "Cell",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/Table.tsx"
-            },
-            {
-              "name": "TableCell",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/TableCell.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "name": "Footer",
-          "symbol": "TableFooter",
-          "description": "`Table.Footer` renders a [tfoot](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tfoot) element.\n\n\n```tsx\nimport {Table} from '@workday/canvas-kit-preview-react/table';\n\nexport default function App() {\nreturn (\n  <Table>\n    <Table.Footer>\n      <Table.Row>\n        <Table.Header>Table Header</Table.Header>\n        <Table.Cell>Table Cell</Table.Cell>\n      </Table.Row>\n    </Table.Footer>\n  </Table>\n);\n}\n```",
-          "declarations": [
-            {
-              "name": "Footer",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/Table.tsx"
-            },
-            {
-              "name": "TableFooter",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/TableFooter.tsx"
-            }
-          ],
-          "tags": {}
-        }
-      ],
-      "styleComponent": {
-        "kind": "symbol",
-        "name": "Grid"
-      }
-    }
-  },
-  {
-    "name": "TableBody",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/TableBody.tsx",
-    "description": "",
-    "declarations": [
-      {
-        "name": "TableBody",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/TableBody.tsx"
-      }
-    ],
-    "tags": {},
-    "type": {
-      "kind": "enhancedComponent",
-      "componentType": "regular",
-      "displayName": "Table.Body",
-      "props": [
-        {
-          "kind": "property",
-          "name": "cs",
-          "required": false,
-          "type": {
-            "kind": "symbol",
-            "name": "CSToPropsInput",
-            "value": "CSToPropsInput"
-          },
-          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles} instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
-          "declarations": [
-            {
-              "name": "cs",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "children",
-          "required": false,
-          "type": {
-            "kind": "external",
-            "name": "ReactNode",
-            "url": "https://reactjs.org/docs/rendering-elements.html"
-          },
-          "description": "",
-          "declarations": [
-            {
-              "name": "children",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/Box.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "as",
-          "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.ElementType",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
-          },
-          "defaultValue": {
-            "kind": "external",
-            "name": "tbody",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody"
-          }
-        },
-        {
-          "kind": "property",
-          "name": "ref",
-          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.Ref",
-            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
-            "typeParameters": [
-              {
-                "kind": "typeParameter",
-                "name": "R",
-                "required": true,
-                "defaultValue": {
-                  "kind": "external",
-                  "name": "tbody",
-                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody"
-                }
-              }
-            ]
-          }
-        }
-      ],
-      "baseElement": {
-        "kind": "external",
-        "name": "tbody",
-        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody"
-      },
-      "styleComponent": {
-        "kind": "symbol",
-        "name": "Grid"
-      }
-    }
-  },
-  {
-    "name": "TableCaption",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/TableCaption.tsx",
-    "description": "",
-    "declarations": [
-      {
-        "name": "TableCaption",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/TableCaption.tsx"
-      }
-    ],
-    "tags": {},
-    "type": {
-      "kind": "enhancedComponent",
-      "componentType": "regular",
-      "displayName": "Table.Caption",
-      "props": [
-        {
-          "kind": "property",
-          "name": "cs",
-          "required": false,
-          "type": {
-            "kind": "symbol",
-            "name": "CSToPropsInput",
-            "value": "CSToPropsInput"
-          },
-          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles} instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
-          "declarations": [
-            {
-              "name": "cs",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "children",
-          "required": false,
-          "type": {
-            "kind": "external",
-            "name": "ReactNode",
-            "url": "https://reactjs.org/docs/rendering-elements.html"
-          },
-          "description": "",
-          "declarations": [
-            {
-              "name": "children",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/Box.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "as",
-          "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.ElementType",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
-          },
-          "defaultValue": {
-            "kind": "external",
-            "name": "caption",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption"
-          }
-        },
-        {
-          "kind": "property",
-          "name": "ref",
-          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.Ref",
-            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
-            "typeParameters": [
-              {
-                "kind": "typeParameter",
-                "name": "R",
-                "required": true,
-                "defaultValue": {
-                  "kind": "external",
-                  "name": "caption",
-                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption"
-                }
-              }
-            ]
-          }
-        }
-      ],
-      "baseElement": {
-        "kind": "external",
-        "name": "caption",
-        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption"
-      },
-      "styleComponent": {
-        "kind": "symbol",
-        "name": "Flex"
-      }
-    }
-  },
-  {
-    "name": "TableCell",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/TableCell.tsx",
-    "description": "",
-    "declarations": [
-      {
-        "name": "TableCell",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/TableCell.tsx"
-      }
-    ],
-    "tags": {},
-    "type": {
-      "kind": "enhancedComponent",
-      "componentType": "regular",
-      "displayName": "Table.Cell",
-      "props": [
-        {
-          "kind": "property",
-          "name": "cs",
-          "required": false,
-          "type": {
-            "kind": "symbol",
-            "name": "CSToPropsInput",
-            "value": "CSToPropsInput"
-          },
-          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles} instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
-          "declarations": [
-            {
-              "name": "cs",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "children",
-          "required": false,
-          "type": {
-            "kind": "external",
-            "name": "ReactNode",
-            "url": "https://reactjs.org/docs/rendering-elements.html"
-          },
-          "description": "",
-          "declarations": [
-            {
-              "name": "children",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/Box.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "as",
-          "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.ElementType",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
-          },
-          "defaultValue": {
-            "kind": "external",
-            "name": "td",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td"
-          }
-        },
-        {
-          "kind": "property",
-          "name": "ref",
-          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.Ref",
-            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
-            "typeParameters": [
-              {
-                "kind": "typeParameter",
-                "name": "R",
-                "required": true,
-                "defaultValue": {
-                  "kind": "external",
-                  "name": "td",
-                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td"
-                }
-              }
-            ]
-          }
-        }
-      ],
-      "baseElement": {
-        "kind": "external",
-        "name": "td",
-        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td"
-      },
-      "styleComponent": {
-        "kind": "symbol",
-        "name": "Grid"
-      }
-    }
-  },
-  {
-    "name": "TableFooter",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/TableFooter.tsx",
-    "description": "",
-    "declarations": [
-      {
-        "name": "TableFooter",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/TableFooter.tsx"
-      }
-    ],
-    "tags": {},
-    "type": {
-      "kind": "enhancedComponent",
-      "componentType": "regular",
-      "displayName": "Table.Footer",
-      "props": [
-        {
-          "kind": "property",
-          "name": "cs",
-          "required": false,
-          "type": {
-            "kind": "symbol",
-            "name": "CSToPropsInput",
-            "value": "CSToPropsInput"
-          },
-          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles} instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
-          "declarations": [
-            {
-              "name": "cs",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "children",
-          "required": false,
-          "type": {
-            "kind": "external",
-            "name": "ReactNode",
-            "url": "https://reactjs.org/docs/rendering-elements.html"
-          },
-          "description": "",
-          "declarations": [
-            {
-              "name": "children",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/Box.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "as",
-          "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.ElementType",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
-          },
-          "defaultValue": {
-            "kind": "external",
-            "name": "tfoot",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tfoot"
-          }
-        },
-        {
-          "kind": "property",
-          "name": "ref",
-          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.Ref",
-            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
-            "typeParameters": [
-              {
-                "kind": "typeParameter",
-                "name": "R",
-                "required": true,
-                "defaultValue": {
-                  "kind": "external",
-                  "name": "tfoot",
-                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tfoot"
-                }
-              }
-            ]
-          }
-        }
-      ],
-      "baseElement": {
-        "kind": "external",
-        "name": "tfoot",
-        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tfoot"
-      },
-      "styleComponent": {
-        "kind": "symbol",
-        "name": "Grid"
-      }
-    }
-  },
-  {
-    "name": "TableHead",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/TableHead.tsx",
-    "description": "",
-    "declarations": [
-      {
-        "name": "TableHead",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/TableHead.tsx"
-      }
-    ],
-    "tags": {},
-    "type": {
-      "kind": "enhancedComponent",
-      "componentType": "regular",
-      "displayName": "Table.Head",
-      "props": [
-        {
-          "kind": "property",
-          "name": "cs",
-          "required": false,
-          "type": {
-            "kind": "symbol",
-            "name": "CSToPropsInput",
-            "value": "CSToPropsInput"
-          },
-          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles} instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
-          "declarations": [
-            {
-              "name": "cs",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "children",
-          "required": false,
-          "type": {
-            "kind": "external",
-            "name": "ReactNode",
-            "url": "https://reactjs.org/docs/rendering-elements.html"
-          },
-          "description": "",
-          "declarations": [
-            {
-              "name": "children",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/Box.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "as",
-          "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.ElementType",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
-          },
-          "defaultValue": {
-            "kind": "external",
-            "name": "thead",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead"
-          }
-        },
-        {
-          "kind": "property",
-          "name": "ref",
-          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.Ref",
-            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
-            "typeParameters": [
-              {
-                "kind": "typeParameter",
-                "name": "R",
-                "required": true,
-                "defaultValue": {
-                  "kind": "external",
-                  "name": "thead",
-                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead"
-                }
-              }
-            ]
-          }
-        }
-      ],
-      "baseElement": {
-        "kind": "external",
-        "name": "thead",
-        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead"
-      },
-      "styleComponent": {
-        "kind": "symbol",
-        "name": "Grid"
-      }
-    }
-  },
-  {
-    "name": "TableHeader",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/TableHeader.tsx",
-    "description": "",
-    "declarations": [
-      {
-        "name": "TableHeader",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/TableHeader.tsx"
-      }
-    ],
-    "tags": {},
-    "type": {
-      "kind": "enhancedComponent",
-      "componentType": "regular",
-      "displayName": "Table.Header",
-      "props": [
-        {
-          "kind": "property",
-          "name": "cs",
-          "required": false,
-          "type": {
-            "kind": "symbol",
-            "name": "CSToPropsInput",
-            "value": "CSToPropsInput"
-          },
-          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles} instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
-          "declarations": [
-            {
-              "name": "cs",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "children",
-          "required": false,
-          "type": {
-            "kind": "external",
-            "name": "ReactNode",
-            "url": "https://reactjs.org/docs/rendering-elements.html"
-          },
-          "description": "",
-          "declarations": [
-            {
-              "name": "children",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/Box.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "as",
-          "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.ElementType",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
-          },
-          "defaultValue": {
-            "kind": "external",
-            "name": "th",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th"
-          }
-        },
-        {
-          "kind": "property",
-          "name": "ref",
-          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.Ref",
-            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
-            "typeParameters": [
-              {
-                "kind": "typeParameter",
-                "name": "R",
-                "required": true,
-                "defaultValue": {
-                  "kind": "external",
-                  "name": "th",
-                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th"
-                }
-              }
-            ]
-          }
-        }
-      ],
-      "baseElement": {
-        "kind": "external",
-        "name": "th",
-        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th"
-      },
-      "styleComponent": {
-        "kind": "symbol",
-        "name": "Grid"
-      }
-    }
-  },
-  {
-    "name": "TableRow",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/TableRow.tsx",
-    "description": "",
-    "declarations": [
-      {
-        "name": "TableRow",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/table/lib/TableRow.tsx"
-      }
-    ],
-    "tags": {},
-    "type": {
-      "kind": "enhancedComponent",
-      "componentType": "regular",
-      "displayName": "Table.Row",
-      "props": [
-        {
-          "kind": "property",
-          "name": "cs",
-          "required": false,
-          "type": {
-            "kind": "symbol",
-            "name": "CSToPropsInput",
-            "value": "CSToPropsInput"
-          },
-          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles} instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
-          "declarations": [
-            {
-              "name": "cs",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "children",
-          "required": false,
-          "type": {
-            "kind": "external",
-            "name": "ReactNode",
-            "url": "https://reactjs.org/docs/rendering-elements.html"
-          },
-          "description": "",
-          "declarations": [
-            {
-              "name": "children",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/Box.tsx"
-            }
-          ],
-          "tags": {}
-        },
-        {
-          "kind": "property",
-          "name": "as",
-          "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.ElementType",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
-          },
-          "defaultValue": {
-            "kind": "external",
-            "name": "tr",
-            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr"
-          }
-        },
-        {
-          "kind": "property",
-          "name": "ref",
-          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
-          "tags": {},
-          "declarations": [],
-          "type": {
-            "kind": "external",
-            "name": "React.Ref",
-            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
-            "typeParameters": [
-              {
-                "kind": "typeParameter",
-                "name": "R",
-                "required": true,
-                "defaultValue": {
-                  "kind": "external",
-                  "name": "tr",
-                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr"
-                }
-              }
-            ]
-          }
-        }
-      ],
-      "baseElement": {
-        "kind": "external",
-        "name": "tr",
-        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr"
-      },
-      "styleComponent": {
-        "kind": "symbol",
-        "name": "Grid"
-      }
-    }
-  },
   {
     "name": "TextAreaProps",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/text-area/lib/TextArea.tsx",
@@ -202576,231 +201622,884 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
     }
   },
   {
-    "name": "borderWidth",
+    "name": "Table",
     "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/Table.tsx",
-    "description": "",
+    "description": "`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.\n\n\n```tsx\nimport {Table} from '@workday/canvas-kit-react/table';\n\nexport default function App() {\nreturn (\n <Table>\n   <Table.Caption>Table Caption</Table.Caption>\n   <Table.Head>\n     <Table.Row>\n       <Table.Header>Table Header</Table.Header>\n       <Table.Header>Table Header</Table.Header>\n     </Table.Row>\n   </Table.Head>\n   <Table.Body>\n     <Table.Row>\n       <Table.Header>Table Header</Table.Header>\n       <Table.Header>Table Header</Table.Header>\n     </Table.Row>\n     <Table.Row>\n       <Table.Header>Table Header</Table.Header>\n       <Table.Cell>Table Data Cell</Table.Cell>\n     </Table.Row>\n     <Table.Row>\n       <Table.Header>Table Header</Table.Header>\n       <Table.Cell>Table Data Cell</Table.Cell>\n     </Table.Row>\n   </Table.Body>\n   <Table.Footer>\n     <Table.Row>\n       <Table.Header>Table Header</Table.Header>\n       <Table.Cell>Table Data Cell</Table.Cell>\n     </Table.Row>\n   </Table.Footer>\n </Table>\n);\n}\n```",
     "declarations": [
       {
-        "name": "borderWidth",
+        "name": "Table",
         "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/Table.tsx"
       }
     ],
     "tags": {},
     "type": {
-      "kind": "number",
-      "value": 1
+      "kind": "enhancedComponent",
+      "componentType": "regular",
+      "displayName": "Table",
+      "props": [
+        {
+          "kind": "property",
+          "name": "cs",
+          "required": false,
+          "type": {
+            "kind": "symbol",
+            "name": "CSToPropsInput",
+            "value": "CSToPropsInput"
+          },
+          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles} instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
+          "declarations": [
+            {
+              "name": "cs",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "children",
+          "required": false,
+          "type": {
+            "kind": "external",
+            "name": "ReactNode",
+            "url": "https://reactjs.org/docs/rendering-elements.html"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "children",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/Box.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "as",
+          "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.ElementType",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
+          },
+          "defaultValue": {
+            "kind": "external",
+            "name": "table",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "ref",
+          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.Ref",
+            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
+            "typeParameters": [
+              {
+                "kind": "typeParameter",
+                "name": "R",
+                "required": true,
+                "defaultValue": {
+                  "kind": "external",
+                  "name": "table",
+                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table"
+                }
+              }
+            ]
+          }
+        }
+      ],
+      "baseElement": {
+        "kind": "external",
+        "name": "table",
+        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table"
+      },
+      "subComponents": [
+        {
+          "name": "Caption",
+          "symbol": "TableCaption",
+          "description": "`Table.Caption` renders a [caption](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption) element.\n\n\n```tsx\nimport {Table} from '@workday/canvas-kit-react/table';\n\nexport default function App() {\n return (\n   <Table>\n     <Table.Caption>Table Caption</Table.Caption>\n     <Table.Body>\n       <Table.Row>\n         <Table.Header>Table Header</Table.Header>\n         <Table.Cell>Table Cell</Table.Cell>\n       </Table.Row>\n     </Table.Body>\n   </Table>\n );\n}\n```",
+          "declarations": [
+            {
+              "name": "Caption",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/Table.tsx"
+            },
+            {
+              "name": "TableCaption",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableCaption.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "name": "Head",
+          "symbol": "TableHead",
+          "description": "`Table.Head` renders a [thead](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead) element.\n\n\n```tsx\nimport {Table} from '@workday/canvas-kit-react/table';\n\nexport default function App() {\nreturn (\n  <Table>\n    <Table.Head>\n      <Table.Row>\n        <Table.Header>Table Header</Table.Header>\n        <Table.Cell>Table Cell</Table.Cell>\n      </Table.Row>\n    </Table.Head>\n  </Table>\n);\n}\n```",
+          "declarations": [
+            {
+              "name": "Head",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/Table.tsx"
+            },
+            {
+              "name": "TableHead",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableHead.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "name": "Body",
+          "symbol": "TableBody",
+          "description": "`Table.Body` renders a [tbody](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody) element.\n\n\n```tsx\nimport {Table} from '@workday/canvas-kit-react/table';\n\nexport default function App() {\nreturn (\n <Table>\n   <Table.Body>\n     <Table.Row>\n       <Table.Header>Table Header</Table.Header>\n       <Table.Cell>Table Cell</Table.Cell>\n     </Table.Row>\n   </Table.Body>\n </Table>\n);\n}\n```",
+          "declarations": [
+            {
+              "name": "Body",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/Table.tsx"
+            },
+            {
+              "name": "TableBody",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableBody.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "name": "Row",
+          "symbol": "TableRow",
+          "description": "`Table.Row` renders a [tr](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr) element.\n\n**Note**: `Table.Row` is built on [Grid](/docs/components-layout-grid--basic). It will look for\nhow many children are there and if those children are valid React Elements. This will adjust the\namount of columns automatically using the `gridTemplateColumns` style prop and the width of the\ncolumns is also set using a `minmax` function in the `gridTemplateColumns` style prop. If a user\nwould like to adjust this, it can be overwritten on `Table.Row`. See the example below for how to\noverwrite `gridTemplateColumns`.\n\n\n```tsx\nimport {Table} from '@workday/canvas-kit-react/table';\n\nexport default function App() {\nreturn (\n <Table>\n   <Table.Head>\n     <Table.Row gridTemplateColumns=\"repeat(4, minmax(100px, 1fr))\">\n       <Table.Header>Table Header</Table.Header>\n       <Table.Cell>Table Cell</Table.Cell>\n     </Table.Row>\n   </Table.Head>\n </Table>\n);\n}\n```",
+          "declarations": [
+            {
+              "name": "Row",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/Table.tsx"
+            },
+            {
+              "name": "TableRow",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableRow.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "name": "Header",
+          "symbol": "TableHeader",
+          "description": "`Table.Header` renders a [th](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th) element.\n\n\n```tsx\nimport {Table} from '@workday/canvas-kit-react/table';\n\nexport default function App() {\nreturn (\n  <Table>\n    <Table.Head>\n      <Table.Row>\n        <Table.Header>Table Header</Table.Header>\n        <Table.Cell>Table Cell</Table.Cell>\n      </Table.Row>\n    </Table.Head>\n  </Table>\n);\n}\n```",
+          "declarations": [
+            {
+              "name": "Header",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/Table.tsx"
+            },
+            {
+              "name": "TableHeader",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableHeader.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "name": "Cell",
+          "symbol": "TableCell",
+          "description": "`Table.Cell` renders a [td](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td) element.\n\n\n```tsx\nimport {Table} from '@workday/canvas-kit-react/table';\n\nexport default function App() {\nreturn (\n  <Table>\n    <Table.Body>\n      <Table.Row>\n        <Table.Header>Table Header</Table.Header>\n        <Table.Cell>Table Cell</Table.Cell>\n      </Table.Row>\n    </Table.Body>\n  </Table>\n);\n}\n```",
+          "declarations": [
+            {
+              "name": "Cell",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/Table.tsx"
+            },
+            {
+              "name": "TableCell",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableCell.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "name": "Footer",
+          "symbol": "TableFooter",
+          "description": "`Table.Footer` renders a [tfoot](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tfoot) element.\n\n\n```tsx\nimport {Table} from '@workday/canvas-kit-react/table';\n\nexport default function App() {\nreturn (\n  <Table>\n    <Table.Footer>\n      <Table.Row>\n        <Table.Header>Table Header</Table.Header>\n        <Table.Cell>Table Cell</Table.Cell>\n      </Table.Row>\n    </Table.Footer>\n  </Table>\n);\n}\n```",
+          "declarations": [
+            {
+              "name": "Footer",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/Table.tsx"
+            },
+            {
+              "name": "TableFooter",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableFooter.tsx"
+            }
+          ],
+          "tags": {}
+        }
+      ],
+      "styleComponent": {
+        "kind": "symbol",
+        "name": "Grid"
+      }
     }
   },
   {
-    "name": "borderColor",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/Table.tsx",
+    "name": "TableBody",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableBody.tsx",
     "description": "",
     "declarations": [
       {
-        "name": "borderColor",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/Table.tsx"
+        "name": "TableBody",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableBody.tsx"
       }
     ],
     "tags": {},
     "type": {
-      "kind": "primitive",
-      "value": "string"
+      "kind": "enhancedComponent",
+      "componentType": "regular",
+      "displayName": "Table.Body",
+      "props": [
+        {
+          "kind": "property",
+          "name": "cs",
+          "required": false,
+          "type": {
+            "kind": "symbol",
+            "name": "CSToPropsInput",
+            "value": "CSToPropsInput"
+          },
+          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles} instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
+          "declarations": [
+            {
+              "name": "cs",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "children",
+          "required": false,
+          "type": {
+            "kind": "external",
+            "name": "ReactNode",
+            "url": "https://reactjs.org/docs/rendering-elements.html"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "children",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/Box.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "as",
+          "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.ElementType",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
+          },
+          "defaultValue": {
+            "kind": "external",
+            "name": "tbody",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "ref",
+          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.Ref",
+            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
+            "typeParameters": [
+              {
+                "kind": "typeParameter",
+                "name": "R",
+                "required": true,
+                "defaultValue": {
+                  "kind": "external",
+                  "name": "tbody",
+                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody"
+                }
+              }
+            ]
+          }
+        }
+      ],
+      "baseElement": {
+        "kind": "external",
+        "name": "tbody",
+        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody"
+      },
+      "styleComponent": {
+        "kind": "symbol",
+        "name": "Grid"
+      }
     }
   },
   {
-    "name": "cellBorder",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/Table.tsx",
+    "name": "TableCaption",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableCaption.tsx",
     "description": "",
     "declarations": [
       {
-        "name": "cellBorder",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/Table.tsx"
+        "name": "TableCaption",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableCaption.tsx"
       }
     ],
     "tags": {},
     "type": {
-      "kind": "primitive",
-      "value": "string"
-    }
-  },
-  {
-    "name": "Table",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/Table.tsx",
-    "description": "",
-    "declarations": [
-      {
-        "name": "Table",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/Table.tsx"
+      "kind": "enhancedComponent",
+      "componentType": "regular",
+      "displayName": "Table.Caption",
+      "props": [
+        {
+          "kind": "property",
+          "name": "cs",
+          "required": false,
+          "type": {
+            "kind": "symbol",
+            "name": "CSToPropsInput",
+            "value": "CSToPropsInput"
+          },
+          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles} instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
+          "declarations": [
+            {
+              "name": "cs",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "children",
+          "required": false,
+          "type": {
+            "kind": "external",
+            "name": "ReactNode",
+            "url": "https://reactjs.org/docs/rendering-elements.html"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "children",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/Box.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "as",
+          "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.ElementType",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
+          },
+          "defaultValue": {
+            "kind": "external",
+            "name": "caption",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "ref",
+          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.Ref",
+            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
+            "typeParameters": [
+              {
+                "kind": "typeParameter",
+                "name": "R",
+                "required": true,
+                "defaultValue": {
+                  "kind": "external",
+                  "name": "caption",
+                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption"
+                }
+              }
+            ]
+          }
+        }
+      ],
+      "baseElement": {
+        "kind": "external",
+        "name": "caption",
+        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption"
+      },
+      "styleComponent": {
+        "kind": "symbol",
+        "name": "Flex"
       }
-    ],
-    "tags": {
-      "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."
-    },
-    "type": {
-      "kind": "component",
-      "props": []
     }
   },
   {
-    "name": "TableRowState",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableRow.tsx",
+    "name": "TableCell",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableCell.tsx",
     "description": "",
     "declarations": [
       {
-        "name": "TableRowState",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableRow.tsx"
+        "name": "TableCell",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableCell.tsx"
       }
     ],
-    "tags": {
-      "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."
-    },
+    "tags": {},
     "type": {
-      "kind": "object",
-      "typeParameters": [],
-      "properties": [
+      "kind": "enhancedComponent",
+      "componentType": "regular",
+      "displayName": "Table.Cell",
+      "props": [
         {
           "kind": "property",
-          "name": "Error",
+          "name": "cs",
+          "required": false,
           "type": {
-            "kind": "number",
-            "value": 0
-          }
+            "kind": "symbol",
+            "name": "CSToPropsInput",
+            "value": "CSToPropsInput"
+          },
+          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles} instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
+          "declarations": [
+            {
+              "name": "cs",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
         },
         {
           "kind": "property",
-          "name": "Alert",
+          "name": "children",
+          "required": false,
           "type": {
-            "kind": "number",
-            "value": 1
-          }
+            "kind": "external",
+            "name": "ReactNode",
+            "url": "https://reactjs.org/docs/rendering-elements.html"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "children",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/Box.tsx"
+            }
+          ],
+          "tags": {}
         },
         {
           "kind": "property",
-          "name": "InputError",
+          "name": "as",
+          "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
+          "tags": {},
+          "declarations": [],
           "type": {
-            "kind": "number",
-            "value": 2
+            "kind": "external",
+            "name": "React.ElementType",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
+          },
+          "defaultValue": {
+            "kind": "external",
+            "name": "td",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td"
           }
         },
         {
           "kind": "property",
-          "name": "InputAlert",
+          "name": "ref",
+          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
+          "tags": {},
+          "declarations": [],
           "type": {
-            "kind": "number",
-            "value": 3
+            "kind": "external",
+            "name": "React.Ref",
+            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
+            "typeParameters": [
+              {
+                "kind": "typeParameter",
+                "name": "R",
+                "required": true,
+                "defaultValue": {
+                  "kind": "external",
+                  "name": "td",
+                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td"
+                }
+              }
+            ]
           }
+        }
+      ],
+      "baseElement": {
+        "kind": "external",
+        "name": "td",
+        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td"
+      },
+      "styleComponent": {
+        "kind": "symbol",
+        "name": "Grid"
+      }
+    }
+  },
+  {
+    "name": "TableFooter",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableFooter.tsx",
+    "description": "",
+    "declarations": [
+      {
+        "name": "TableFooter",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableFooter.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "enhancedComponent",
+      "componentType": "regular",
+      "displayName": "Table.Footer",
+      "props": [
+        {
+          "kind": "property",
+          "name": "cs",
+          "required": false,
+          "type": {
+            "kind": "symbol",
+            "name": "CSToPropsInput",
+            "value": "CSToPropsInput"
+          },
+          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles} instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
+          "declarations": [
+            {
+              "name": "cs",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
         },
         {
           "kind": "property",
-          "name": "Hover",
+          "name": "children",
+          "required": false,
           "type": {
-            "kind": "number",
-            "value": 4
+            "kind": "external",
+            "name": "ReactNode",
+            "url": "https://reactjs.org/docs/rendering-elements.html"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "children",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/Box.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "as",
+          "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.ElementType",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
+          },
+          "defaultValue": {
+            "kind": "external",
+            "name": "tfoot",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tfoot"
           }
         },
         {
           "kind": "property",
-          "name": "Selected",
+          "name": "ref",
+          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
+          "tags": {},
+          "declarations": [],
           "type": {
-            "kind": "number",
-            "value": 5
+            "kind": "external",
+            "name": "React.Ref",
+            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
+            "typeParameters": [
+              {
+                "kind": "typeParameter",
+                "name": "R",
+                "required": true,
+                "defaultValue": {
+                  "kind": "external",
+                  "name": "tfoot",
+                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tfoot"
+                }
+              }
+            ]
           }
         }
       ],
-      "callSignatures": []
+      "baseElement": {
+        "kind": "external",
+        "name": "tfoot",
+        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tfoot"
+      },
+      "styleComponent": {
+        "kind": "symbol",
+        "name": "Grid"
+      }
     }
   },
   {
-    "name": "TableRowProps",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableRow.tsx",
+    "name": "TableHead",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableHead.tsx",
     "description": "",
     "declarations": [
       {
-        "name": "TableRowProps",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableRow.tsx"
+        "name": "TableHead",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableHead.tsx"
       }
     ],
-    "tags": {
-      "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."
-    },
+    "tags": {},
     "type": {
-      "kind": "alias",
-      "name": "TableRow"
+      "kind": "enhancedComponent",
+      "componentType": "regular",
+      "displayName": "Table.Head",
+      "props": [
+        {
+          "kind": "property",
+          "name": "cs",
+          "required": false,
+          "type": {
+            "kind": "symbol",
+            "name": "CSToPropsInput",
+            "value": "CSToPropsInput"
+          },
+          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles} instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
+          "declarations": [
+            {
+              "name": "cs",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "children",
+          "required": false,
+          "type": {
+            "kind": "external",
+            "name": "ReactNode",
+            "url": "https://reactjs.org/docs/rendering-elements.html"
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "children",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/Box.tsx"
+            }
+          ],
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "as",
+          "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.ElementType",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
+          },
+          "defaultValue": {
+            "kind": "external",
+            "name": "thead",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead"
+          }
+        },
+        {
+          "kind": "property",
+          "name": "ref",
+          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.Ref",
+            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
+            "typeParameters": [
+              {
+                "kind": "typeParameter",
+                "name": "R",
+                "required": true,
+                "defaultValue": {
+                  "kind": "external",
+                  "name": "thead",
+                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead"
+                }
+              }
+            ]
+          }
+        }
+      ],
+      "baseElement": {
+        "kind": "external",
+        "name": "thead",
+        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead"
+      },
+      "styleComponent": {
+        "kind": "symbol",
+        "name": "Grid"
+      }
     }
   },
   {
-    "name": "TableRow",
-    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableRow.tsx",
+    "name": "TableHeader",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableHeader.tsx",
     "description": "",
     "declarations": [
       {
-        "name": "TableRow",
-        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableRow.tsx"
+        "name": "TableHeader",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableHeader.tsx"
       }
     ],
-    "tags": {
-      "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."
-    },
+    "tags": {},
     "type": {
       "kind": "enhancedComponent",
       "componentType": "regular",
-      "displayName": "TableRow",
+      "displayName": "Table.Header",
       "props": [
         {
           "kind": "property",
-          "name": "state",
+          "name": "cs",
           "required": false,
           "type": {
             "kind": "symbol",
-            "name": "TableRowState",
-            "value": "TableRowState"
+            "name": "CSToPropsInput",
+            "value": "CSToPropsInput"
           },
-          "description": "The state of the TableRow. Accepts `Error`, `Alert`, `InputError`, `InputAlert`, `Hover`, or `Selected`.",
+          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles} instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
           "declarations": [
             {
-              "name": "state",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableRow.tsx"
+              "name": "cs",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
             }
           ],
           "tags": {}
         },
         {
           "kind": "property",
-          "name": "header",
+          "name": "children",
           "required": false,
           "type": {
-            "kind": "primitive",
-            "value": "boolean"
+            "kind": "external",
+            "name": "ReactNode",
+            "url": "https://reactjs.org/docs/rendering-elements.html"
           },
-          "description": "If true, render the TableRow with header elements.",
+          "description": "",
           "declarations": [
             {
-              "name": "header",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableRow.tsx"
+              "name": "children",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/Box.tsx"
             }
           ],
-          "tags": {
-            "default": "false"
+          "tags": {}
+        },
+        {
+          "kind": "property",
+          "name": "as",
+          "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.ElementType",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
           },
           "defaultValue": {
-            "kind": "boolean",
-            "value": false
+            "kind": "external",
+            "name": "th",
+            "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th"
           }
         },
         {
           "kind": "property",
-          "name": "as",
+          "name": "ref",
+          "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
+          "tags": {},
+          "declarations": [],
+          "type": {
+            "kind": "external",
+            "name": "React.Ref",
+            "url": "https://reactjs.org/docs/refs-and-the-dom.html",
+            "typeParameters": [
+              {
+                "kind": "typeParameter",
+                "name": "R",
+                "required": true,
+                "defaultValue": {
+                  "kind": "external",
+                  "name": "th",
+                  "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th"
+                }
+              }
+            ]
+          }
+        }
+      ],
+      "baseElement": {
+        "kind": "external",
+        "name": "th",
+        "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th"
+      },
+      "styleComponent": {
+        "kind": "symbol",
+        "name": "Grid"
+      }
+    }
+  },
+  {
+    "name": "TableRow",
+    "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableRow.tsx",
+    "description": "",
+    "declarations": [
+      {
+        "name": "TableRow",
+        "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableRow.tsx"
+      }
+    ],
+    "tags": {},
+    "type": {
+      "kind": "enhancedComponent",
+      "componentType": "regular",
+      "displayName": "Table.Row",
+      "props": [
+        {
+          "kind": "property",
+          "name": "cs",
           "required": false,
           "type": {
             "kind": "symbol",
-            "name": "React.ElementType",
-            "value": "ElementType<P>"
+            "name": "CSToPropsInput",
+            "value": "CSToPropsInput"
           },
-          "description": "",
+          "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles} instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n   {...handleCsProp(elemProps, [\n     myStyles,\n     myModifiers({ size: 'medium' }),\n     myVars({ backgroundColor: 'red' })\n   ])}\n >\n   {children}\n </Element>\n)\n```",
           "declarations": [
             {
-              "name": "as",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/utils/components.ts"
+              "name": "cs",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
             }
           ],
           "tags": {}
@@ -202808,14 +202507,20 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         {
           "kind": "property",
           "name": "children",
-          "description": "",
-          "tags": {},
-          "declarations": [],
+          "required": false,
           "type": {
             "kind": "external",
-            "name": "React.ReactNode",
+            "name": "ReactNode",
             "url": "https://reactjs.org/docs/rendering-elements.html"
-          }
+          },
+          "description": "",
+          "declarations": [
+            {
+              "name": "children",
+              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/Box.tsx"
+            }
+          ],
+          "tags": {}
         },
         {
           "kind": "property",
@@ -202864,20 +202569,10 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
         "name": "tr",
         "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr"
       },
-      "subComponents": [
-        {
-          "name": "State",
-          "symbol": "TableRowState",
-          "description": "",
-          "declarations": [
-            {
-              "name": "State",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/table/lib/TableRow.tsx"
-            }
-          ],
-          "tags": {}
-        }
-      ]
+      "styleComponent": {
+        "kind": "symbol",
+        "name": "Grid"
+      }
     }
   },
   {