@workday/canvas-kit-docs 9.0.0-alpha.384-next.3 → 9.0.0-alpha.385-next.4

package/dist/es6/lib/docs.js

@@ -27641,6 +27641,788 @@ 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": "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"
+            }
+          ],
+          "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"
+            }
+          ],
+          "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"
+            }
+          ],
+          "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"
+            }
+          ],
+          "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"
+            }
+          ],
+          "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"
+            }
+          ],
+          "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"
+            }
+          ],
+          "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": "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": "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": "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": "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": "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": "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": "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",

package/dist/mdx/9.0-UPGRADE-GUIDE.mdx

@@ -5,6 +5,8 @@ This guide contains an overview of the changes in Canvas Kit v9. Please
 any questions.
 
 - [Codemod](#codemod)
+- [New Components](#new-components)
+  - [Table](#table)
 - [Removals](#Removals)
   - [Drawer](#drawer)
   - [Layout and Column](#layout-and-column)
@@ -12,7 +14,7 @@ any questions.
   - [focusRing](#focusring)
   - [useCanvasTheme and getCanvasTheme](#usecanvastheme-and-getcanvastheme)
 - [Deprecations](#deprecations)
-	- [useThemeRTL](#usethemertl)
+  - [useThemeRTL](#usethemertl)
 - [Token Updates](#token-updates)
   - [Depth](#depth)
 - [Component Updates](#component-updates)
@@ -57,12 +59,61 @@ handled by the codemod are marked with 🤖 in the Upgrade Guide.**
 the changes from the codemod as a single isolated commit (separate from other changes) so you can
 roll back more easily if necessary.
 
-## Removals
-Removals are deletions from our codebase and you can no longer consume this component.
-We've either promoted or replaced a component or utility.
+## New Components
+
+### Table
+
+We've introduced a new `Table`
+[compound component](/getting-started/for-developers/resources/compound-components/) to the Preview
+package. `Table` is a compound component that is used to present information in a two-dimensional
+[table](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table) comprised of rows and
+columns of cells containing data.
 
+```tsx
+import {Table} from '@workday/canvas-kit-preview-react/table';
+
+export default function App() {
+  return (
+    <Table>
+      <Table.Caption>Table Caption</Table.Caption>
+      <Table.Head>
+        <Table.Row>
+          <Table.Header>Table Header</Table.Header>
+          <Table.Header>Table Header</Table.Header>
+        </Table.Row>
+      </Table.Head>
+      <Table.Body>
+        <Table.Row>
+          <Table.Header>Table Header</Table.Header>
+          <Table.Header>Table Header</Table.Header>
+        </Table.Row>
+        <Table.Divider />
+        <Table.Row>
+          <Table.Header>Table Header</Table.Header>
+          <Table.Cell>Table Data Cell</Table.Cell>
+        </Table.Row>
+        <Table.Divider />
+        <Table.Row>
+          <Table.Header>Table Header</Table.Header>
+          <Table.Cell>Table Data Cell</Table.Cell>
+        </Table.Row>
+      </Table.Body>
+      <Table.Divider />
+      <Table.Footer>
+        <Table.Row>
+          <Table.Header>Table Header</Table.Header>
+          <Table.Cell>Table Data Cell</Table.Cell>
+        </Table.Row>
+      </Table.Footer>
+    </Table>
+  );
+}
+```
 
+## Removals
 
+Removals are deletions from our codebase and you can no longer consume this component. We've either
+promoted or replaced a component or utility.
 
 ### Drawer
 
@@ -156,15 +207,16 @@ We've removed `useCanvasTheme` and `getCanvasTheme`. Please use `useTheme` and `
 
 ## Deprecations
 
-We add the [@deprecated](https://jsdoc.app/tags-deprecated.html) from JSDoc to code that we plan to deprecate in the near future.
-Al though you can still consume this code, we want consumers to move to a utility or component that is more stable.
+We add the [@deprecated](https://jsdoc.app/tags-deprecated.html) from JSDoc to code that we plan to
+deprecate in the near future. Al though you can still consume this code, we want consumers to move
+to a utility or component that is more stable.
 
 ### useThemeRTL
 
 **PR:** [#2119](https://github.com/Workday/canvas-kit/pull/2119)
 
-We've deprecated `useThemeRTL` from [Labs](#labs). Although you may still use this utility, we recommend
-using
+We've deprecated `useThemeRTL` from [Labs](#labs). Although you may still use this utility, we
+recommend using
 [CSS logical properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties)
 instead.
 
@@ -222,8 +274,8 @@ within a form, add `type="submit"` to the button.
 
 **PR:** [#2044](https://github.com/Workday/canvas-kit/pull/2044)
 
-We've promoted `Toast` from [Labs](#labs) to [Main](#main). It replaces the `Toast` that was previously in [Main](#main) (for
-reference, see
+We've promoted `Toast` from [Labs](#labs) to [Main](#main). It replaces the `Toast` that was
+previously in [Main](#main) (for reference, see
 [`Toast`](https://d2krrudi3mmzzw.cloudfront.net/v8/?path=/docs/components-popups-toast--error) in
 [Main](#main) from v8).
 
@@ -250,9 +302,9 @@ mode: `status`, `alert`, or `dialog`.
 ```
 
 🤖 The codemod will rewrite your usages of the previous `Toast` in [Main](#main) to use the compound
-component API of the new `Toast` in [Main](#main). `mode` will be set to `dialog` if the `Toast` previously
-used `actionText` or `onActionClick`. The codemod will also update imports from the [Labs](#labs) `Toast` to
-instead import from [Main](#main).
+component API of the new `Toast` in [Main](#main). `mode` will be set to `dialog` if the `Toast`
+previously used `actionText` or `onActionClick`. The codemod will also update imports from the
+[Labs](#labs) `Toast` to instead import from [Main](#main).
 
 > **Note:** You will manually need to set `mode` to `alert` if your `Toast` conveys urgent and
 > important information such as an error.
@@ -271,7 +323,8 @@ also added `getTheme` to provide access to a theme from `styled` or class compon
 
 **PR:** [#2119](https://github.com/Workday/canvas-kit/pull/2119)
 
-We've promoted `useThemedRing` from [Labs](#labs) to [Main](#main). `useThemedRing` allows you to theme focus rings.
+We've promoted `useThemedRing` from [Labs](#labs) to [Main](#main). `useThemedRing` allows you to
+theme focus rings.
 
 🤖 The codemod will update the import for this utility.
 
@@ -291,16 +344,16 @@ communicated in advance and accompanied by migration strategies.
 
 Our Preview package of Canvas Kit tokens, components, and utilities at
 `@workday/canvas-kit-preview-react` has undergone a full design and a11y review and is approved for
-use in product, but may not be up to the high code standards upheld in the [Main](#main) package. Preview is
-analagous to code in beta.
+use in product, but may not be up to the high code standards upheld in the [Main](#main) package.
+Preview is analagous to code in beta.
 
 Breaking changes are unlikely, but possible, and can be deployed to Preview at any time without
 triggering a major version update, though such changes will be communicated in advance and
 accompanied by migration strategies.
 
-Generally speaking, our goal is to eventually promote code from Preview to [Main](#main). Occasionally, a
-component with the same name will exist in both [Main](#main) and Preview (for example, see Segmented Control
-in [Preview](/components/buttons/segmented-control/) and
+Generally speaking, our goal is to eventually promote code from Preview to [Main](#main).
+Occasionally, a component with the same name will exist in both [Main](#main) and Preview (for
+example, see Segmented Control in [Preview](/components/buttons/segmented-control/) and
 [Main](https://d2krrudi3mmzzw.cloudfront.net/v8/?path=/docs/components-buttons-segmented-control--basic)).
 In these cases, Preview serves as a staging ground for an improved version of the component with a
 different API. The component in [Main](#main) will eventually be replaced with the one in Preview.

package/dist/mdx/preview-react/table/Table.mdx

@@ -0,0 +1,60 @@
+import {SymbolDoc, Specifications} from '@workday/canvas-kit-docs';
+import {Table} from '@workday/canvas-kit-preview-react/table';
+// examples
+import Basic from './examples/Basic';
+import BasicWithHeading from './examples/BasicWithHeading';
+import FixedColumn from './examples/FixedColumn';
+import TableWithContainer from './examples/TableWithContainer';
+
+
+# Canvas Kit Table
+
+`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.
+
+## Installation
+
+```sh
+yarn add @workday/canvas-kit-preview-react
+```
+
+## Usage
+
+### Basic Example
+
+Users may not want to use a `caption` so they can import
+[Heading](/docs/components-text-heading--basic) or [Text](/docs/components-text-text--basic)
+instead. This will give the user more flexibility around the customization of the title/heading of
+their table.
+
+<ExampleCodeBlock code={BasicWithHeading} />
+
+### Example with Container
+
+Users may want to have some padding around the `table` and have inset dividers for their rows. This
+showcases how a user can achieve this with creating a styled component to wrap the `table`.
+
+<ExampleCodeBlock code={TableWithContainer} />
+
+### Example with Caption
+
+We built a simple table that includes a `caption` without a Heading. A `caption` is not required but
+it is good for
+[accessibility](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table#accessibility_concerns)
+purposes.
+
+<ExampleCodeBlock code={Basic} />
+
+### Fixed Column with TableContainer
+
+Users may want to have some padding surrounding their table and have a fixed column. They can use
+the `TableContainer` to wrap the `Table` component and some styles to make it so that the left
+column is fixed.
+
+<ExampleCodeBlock code={FixedColumn} />
+
+## Component API
+
+<SymbolDoc name="Table" fileName="/preview-react/" />

package/dist/mdx/preview-react/table/examples/Basic.tsx

@@ -0,0 +1,36 @@
+import React from 'react';
+
+import {Table} from '@workday/canvas-kit-preview-react/table';
+
+export default () => {
+  return (
+    <Table>
+      <Table.Caption>Coffee Drinks and Sizes</Table.Caption>
+      <Table.Head>
+        <Table.Row>
+          <Table.Header backgroundColor="soap100">Drink</Table.Header>
+          <Table.Header backgroundColor="soap100">Size</Table.Header>
+        </Table.Row>
+      </Table.Head>
+      <Table.Body>
+        <Table.Row>
+          <Table.Cell>Espresso</Table.Cell>
+          <Table.Cell>1 oz</Table.Cell>
+        </Table.Row>
+        <Table.Row>
+          <Table.Cell>Macchiato</Table.Cell>
+          <Table.Cell>2 oz Espresso</Table.Cell>
+        </Table.Row>
+        <Table.Row>
+          <Table.Cell>Cortado</Table.Cell>
+          <Table.Cell>2 oz Espresso, 1 oz Foamed Milk</Table.Cell>
+        </Table.Row>
+        <Table.Row></Table.Row>
+        <Table.Row>
+          <Table.Cell>Cappuccino</Table.Cell>
+          <Table.Cell>2 oz Espresso, 2 oz Foamed Milk, 2 oz Steamed Milk</Table.Cell>
+        </Table.Row>
+      </Table.Body>
+    </Table>
+  );
+};

package/dist/mdx/preview-react/table/examples/BasicWithHeading.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+
+import {Table} from '@workday/canvas-kit-preview-react/table';
+import {Heading} from '@workday/canvas-kit-react/text';
+
+export default () => {
+  return (
+    <>
+      <Heading size="small">Pizza Toppings</Heading>
+      <Table>
+        <Table.Head>
+          <Table.Row>
+            <Table.Header backgroundColor="soap100">Toppings</Table.Header>
+            <Table.Header backgroundColor="soap100">Amount</Table.Header>
+          </Table.Row>
+        </Table.Head>
+        <Table.Body>
+          <Table.Row>
+            <Table.Cell>Pepperoni</Table.Cell>
+            <Table.Cell>2.5 oz</Table.Cell>
+          </Table.Row>
+          <Table.Row>
+            <Table.Cell>Mozzarella</Table.Cell>
+            <Table.Cell>5 oz</Table.Cell>
+          </Table.Row>
+          <Table.Row>
+            <Table.Cell>Basil</Table.Cell>
+            <Table.Cell>10 Leaves</Table.Cell>
+          </Table.Row>
+        </Table.Body>
+      </Table>
+    </>
+  );
+};

package/dist/mdx/preview-react/table/examples/FixedColumn.tsx

@@ -0,0 +1,127 @@
+import React from 'react';
+
+import {Table} from '@workday/canvas-kit-preview-react/table';
+import {Heading} from '@workday/canvas-kit-react/text';
+import {colors} from '@workday/canvas-kit-react/tokens';
+
+export default () => {
+  const exampleData = [
+    {
+      brand: 'Porsche',
+      model: '992 911 GT3',
+      year: '2022',
+      price: 'Starts at $160,000',
+      engine: '4.0L Flat 6',
+      transmission: 'PDK or 7-Speed Manual',
+      horsepower: '502hp',
+      torque: '346 lb-ft',
+      curbWeight: '3,164 lbs',
+    },
+    {
+      brand: 'BMW',
+      model: 'M5 Competition',
+      year: '2018',
+      price: 'Starts at $105,000',
+      engine: 'Twin-Turbo 4.4L V8',
+      transmission: 'Automatic',
+      horsepower: '627hp',
+      torque: '553 lb-ft',
+      curbWeight: '4,345 lbs',
+    },
+    {
+      brand: 'Audi',
+      model: 'R8',
+      year: '2022',
+      price: 'Starts at $148,000',
+      engine: '5.2L V10',
+      transmission: 'Automatic',
+      horsepower: '562hp',
+      torque: '408 lb-ft',
+      curbWeight: '3,594 lbs',
+    },
+    {
+      brand: 'Lotus',
+      model: 'Emira',
+      year: '2023',
+      price: 'Starts at $78,000',
+      engine: 'Supercharged 3.5L V6',
+      transmission: 'Automatic or 6-Speed Manual',
+      horsepower: '400hp',
+      torque: '317 lb-ft',
+      curbWeight: '3520 lbs',
+    },
+    {
+      brand: 'Toyota',
+      model: 'Supra',
+      year: '1998',
+      price: '$40,000 - $80,000',
+      engine: '3.0L Inline 6',
+      transmission: 'Automatic or 6-Speed Manual',
+      horsepower: '320hp',
+      torque: '315 lb-ft',
+      curbWeight: '3,599 lbs',
+    },
+    {
+      brand: 'Nissan',
+      model: 'Skyline GT-R',
+      year: '1994',
+      price: '$45,000 - $90,000',
+      engine: '2.6L Twin-Turbo Inline 6',
+      transmission: '5-Speed Manual',
+      horsepower: '276hp',
+      torque: '260 lb-ft',
+      curbWeight: '3,153 lbs',
+    },
+  ];
+  return (
+    <>
+      <Heading size="small">Performance Car Specs</Heading>
+      <Table>
+        <Table.Head>
+          <Table.Row>
+            <Table.Header
+              position="sticky"
+              left="0"
+              backgroundColor="soap100"
+              borderRight={`2px solid ${colors.soap400}`}
+            >
+              Brand
+            </Table.Header>
+            <Table.Header>Model</Table.Header>
+            <Table.Header>Year</Table.Header>
+            <Table.Header>Price</Table.Header>
+            <Table.Header>Engine</Table.Header>
+            <Table.Header>Transmission</Table.Header>
+            <Table.Header>Horsepower</Table.Header>
+            <Table.Header>Torque</Table.Header>
+            <Table.Header>Tires</Table.Header>
+          </Table.Row>
+        </Table.Head>
+        <Table.Body>
+          {exampleData.map(item => (
+            <>
+              <Table.Row>
+                <Table.Header
+                  position="sticky"
+                  left="0"
+                  backgroundColor="soap100"
+                  borderRight={`2px solid ${colors.soap400}`}
+                >
+                  {item.brand}
+                </Table.Header>
+                <Table.Cell>{item.model}</Table.Cell>
+                <Table.Cell>{item.year}</Table.Cell>
+                <Table.Cell>{item.price}</Table.Cell>
+                <Table.Cell>{item.engine}</Table.Cell>
+                <Table.Cell>{item.transmission}</Table.Cell>
+                <Table.Cell>{item.horsepower}</Table.Cell>
+                <Table.Cell>{item.torque}</Table.Cell>
+                <Table.Cell>{item.curbWeight}</Table.Cell>
+              </Table.Row>
+            </>
+          ))}
+        </Table.Body>
+      </Table>
+    </>
+  );
+};

package/dist/mdx/preview-react/table/examples/TableWithContainer.tsx

@@ -0,0 +1,48 @@
+import React from 'react';
+
+import {Table} from '@workday/canvas-kit-preview-react/table';
+import {Box} from '@workday/canvas-kit-react/layout';
+import {Heading} from '@workday/canvas-kit-react/text';
+import {space, borderRadius, colors} from '@workday/canvas-kit-react/tokens';
+import styled from '@emotion/styled';
+
+const Container = styled(Box)({
+  border: `1px solid ${colors.soap500}`,
+  borderRadius: borderRadius.l,
+  paddingTop: space.xxxs,
+  paddingRight: space.xs,
+  paddingLeft: space.xs,
+  paddingBottom: space.xs,
+});
+
+export default () => {
+  return (
+    <>
+      <Heading size="small">Pizza Toppings</Heading>
+      <Container>
+        <Table border="none">
+          <Table.Head>
+            <Table.Row>
+              <Table.Header borderColor="soap500">Toppings</Table.Header>
+              <Table.Header borderColor="soap500">Amount</Table.Header>
+            </Table.Row>
+          </Table.Head>
+          <Table.Body>
+            <Table.Row>
+              <Table.Cell>Pepperoni</Table.Cell>
+              <Table.Cell>2.5 oz</Table.Cell>
+            </Table.Row>
+            <Table.Row>
+              <Table.Cell>Mozzarella</Table.Cell>
+              <Table.Cell>5 oz</Table.Cell>
+            </Table.Row>
+            <Table.Row>
+              <Table.Cell>Basil</Table.Cell>
+              <Table.Cell>10 Leaves</Table.Cell>
+            </Table.Row>
+          </Table.Body>
+        </Table>
+      </Container>
+    </>
+  );
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "9.0.0-alpha.384-next.3+e5b26417",
+  "version": "9.0.0-alpha.385-next.4+399695e0",
   "description": "Documentation components of Canvas Kit components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -44,9 +44,9 @@
   "dependencies": {
     "@emotion/styled": "^11.6.0",
     "@storybook/csf": "0.0.1",
-    "@workday/canvas-kit-labs-react": "^9.0.0-alpha.384-next.3+e5b26417",
-    "@workday/canvas-kit-preview-react": "^9.0.0-alpha.384-next.3+e5b26417",
-    "@workday/canvas-kit-react": "^9.0.0-alpha.384-next.3+e5b26417",
+    "@workday/canvas-kit-labs-react": "^9.0.0-alpha.385-next.4+399695e0",
+    "@workday/canvas-kit-preview-react": "^9.0.0-alpha.385-next.4+399695e0",
+    "@workday/canvas-kit-react": "^9.0.0-alpha.385-next.4+399695e0",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "markdown-to-jsx": "^6.10.3",
     "ts-node": "^10.9.1"
@@ -57,5 +57,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "4.2"
   },
-  "gitHead": "e5b264177aabd434723720e16048673c3916b156"
+  "gitHead": "399695e0108fa563e49cae17ecde059a7de58890"
 }