@workday/canvas-kit-docs 14.0.0-alpha.1233-next.0 → 14.0.0-alpha.1237-next.0

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

@@ -1,16 +1,17 @@
-import { ExampleCodeBlock, SymbolDoc } from '@workday/canvas-kit-docs';
+import {ExampleCodeBlock, SymbolDoc} from '@workday/canvas-kit-docs';
 import Basic from './examples/Basic';
 import BasicWithHeading from './examples/BasicWithHeading';
 import FixedColumn from './examples/FixedColumn';
 import RightToLeft from './examples/RightToLeft';
-import BaseHtmlTable from './examples/BaseHtmlTable'
+import BaseHtmlTable from './examples/BaseHtmlTable';
 
 # 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. `Table` is built off of `BaseTable` and is using [CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout) features.
+data. `Table` is built off of `BaseTable` and is using
+[CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout) features.
 
 ## Installation
 
@@ -22,9 +23,10 @@ yarn add @workday/canvas-kit-react
 
 ### Basic Example
 
-Users may not want to use a `caption` so they can import [Heading](/components/text/heading/) or
-[Text](/components/text/text/) instead. This will give the user more flexibility around the
-customization of the title/heading of their table.
+Users may not want to use a `caption` so they can import
+[Heading](https://workday.github.io/canvas-kit/?path=/docs/components-text-heading--docs) or
+[Text](https://workday.github.io/canvas-kit/?path=/docs/components-text-text--docs) instead. This
+will give the user more flexibility around the customization of the title/heading of their table.
 
 <ExampleCodeBlock code={BasicWithHeading} />
 
@@ -53,29 +55,40 @@ Users may add styles to the `Table.Header` to render a fixed column. The example
 
 ### Base Html Table Example
 
-If a user needs a standard HTML [table](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table) with no [CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout) features, then they can use the `BaseTable` component. 
+If a user needs a standard HTML
+[table](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table) with no
+[CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout) features, then they can
+use the `BaseTable` component.
 
 <ExampleCodeBlock code={BaseHtmlTable} />
 
 ### Which Component Should I Use?
 
-> If a user wants [CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout) features with their Table, then use the [Table](/components/containers/table/) component.
+> If a user wants [CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout)
+> features with their Table, then use the
+> [Table](https://workday.github.io/canvas-kit/?path=/docs/components-containers-table--docs#basic-example)
+> component.
 
-> If a user __does not__ want [CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout) features with their Table, then use the [BaseTable](/components/text/heading/) component. 
+> If a user **does not** want
+> [CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout) features with their
+> Table, then use the
+> [BaseTable](https://workday.github.io/canvas-kit/?path=/docs/components-containers-table--docs#base-html-table-example)
+> component.
 
 ### Advanced
 
 You can also find several advanced Table examples in our Storybook Examples section.
 
-- [Expandable Rows](/docs/examples-tables-advanced--expandable-rows)
-- [Selectable Rows ](/docs/examples-tables-advanced--selectable-rows)
-- [Sortable Column Headers](/docs/examples-tables-advanced--sortable-column-headers)
+- [Expandable Rows](https://workday.github.io/canvas-kit/?path=/docs/guides-accessibility-examples-advanced-tables--docs#expandable-rows)
+- [Selectable Rows ](https://workday.github.io/canvas-kit/?path=/docs/guides-accessibility-examples-advanced-tables--docs#selectable-rows)
+- [Filterable Column Headers](https://workday.github.io/canvas-kit/?path=/docs/guides-accessibility-examples-advanced-tables--docs#filterable-column-headers)
+- [Sortable Column Headers](https://workday.github.io/canvas-kit/?path=/docs/guides-accessibility-examples-advanced-tables--docs#sortable-column-headers)
 
 ### Custom Styles
 
 Table and its subcomponents support custom styling via the `cs` prop. For more information, check
 our
-["How To Customize Styles"](https://workday.github.io/canvas-kit/?path=/docs/styling-how-to-customize-styles--docs).
+["How To Customize Styles"](https://workday.github.io/canvas-kit/?path=/docs/styling-guides-customizing-styles--docs).
 
 ## Component API
 

package/dist/mdx/react/text/BodyText.mdx

@@ -1,4 +1,4 @@
-import { ExampleCodeBlock, SymbolDoc } from '@workday/canvas-kit-docs';
+import {ExampleCodeBlock, SymbolDoc} from '@workday/canvas-kit-docs';
 import Basic from './examples/BodyText/Basic';
 
 # Canvas Kit Body Text
@@ -29,7 +29,7 @@ You may override the rendered element using the `as` prop.
 ### Custom Styles
 
 Body Text supports custom styling via the `cs` prop. For more information, check our
-["How To Customize Styles"](https://workday.github.io/canvas-kit/?path=/docs/styling-how-to-customize-styles--docs).
+["How To Customize Styles"](https://workday.github.io/canvas-kit/?path=/docs/styling-guides-customizing-styles--docs).
 
 ## Component API
 

package/dist/mdx/react/text/Heading.mdx

@@ -1,4 +1,4 @@
-import { ExampleCodeBlock, SymbolDoc } from '@workday/canvas-kit-docs';import Basic from './examples/Heading/Basic';
+import {ExampleCodeBlock, SymbolDoc} from '@workday/canvas-kit-docs';import Basic from './examples/Heading/Basic';
 
 
 # Canvas Kit Heading
@@ -29,7 +29,7 @@ according to the [Canvas type hierarchy](/tokens/type/#type-styles).
 ### Custom Styles
 
 Heading supports custom styling via the `cs` prop. For more information, check our
-["How To Customize Styles"](https://workday.github.io/canvas-kit/?path=/docs/styling-how-to-customize-styles--docs).
+["How To Customize Styles"](https://workday.github.io/canvas-kit/?path=/docs/styling-guides-customizing-styles--docs).
 
 ## Component API
 

package/dist/mdx/react/text/Subtext.mdx

@@ -1,4 +1,4 @@
-import { ExampleCodeBlock, SymbolDoc } from '@workday/canvas-kit-docs';
+import {ExampleCodeBlock, SymbolDoc} from '@workday/canvas-kit-docs';
 import Basic from './examples/Subtext/Basic';
 
 # Canvas Kit Subtext
@@ -29,7 +29,7 @@ You may override the rendered element using the `as` prop.
 ### Custom Styles
 
 Subtext supports custom styling via the `cs` prop. For more information, check our
-["How To Customize Styles"](https://workday.github.io/canvas-kit/?path=/docs/styling-how-to-customize-styles--docs).
+["How To Customize Styles"](https://workday.github.io/canvas-kit/?path=/docs/styling-guides-customizing-styles--docs).
 
 ## Component API
 

package/dist/mdx/react/text/Text.mdx

@@ -1,4 +1,4 @@
-import { ExampleCodeBlock, SymbolDoc } from '@workday/canvas-kit-docs';
+import {ExampleCodeBlock, SymbolDoc} from '@workday/canvas-kit-docs';
 import Basic from './examples/Text/Basic';
 import TypeLevel from './examples/Text/TypeLevel';
 import Variant from './examples/Text/Variant';
@@ -44,7 +44,7 @@ understanding of the text being rendered.
 ### Custom Styles
 
 Text supports custom styling via the `cs` prop. For more information, check our
-["How To Customize Styles"](https://workday.github.io/canvas-kit/?path=/docs/styling-how-to-customize-styles--docs).
+["How To Customize Styles"](https://workday.github.io/canvas-kit/?path=/docs/styling-guides-customizing-styles--docs).
 
 ## Component API
 

package/dist/mdx/react/text/Title.mdx

@@ -1,4 +1,4 @@
-import { ExampleCodeBlock, SymbolDoc } from '@workday/canvas-kit-docs';
+import {ExampleCodeBlock, SymbolDoc} from '@workday/canvas-kit-docs';
 import Basic from './examples/Title/Basic';
 
 # Canvas Kit Title
@@ -29,7 +29,7 @@ You may override the rendered element using the `as` prop.
 ### Custom Styles
 
 Title supports custom styling via the `cs` prop. For more information, check our
-["How To Customize Styles"](https://workday.github.io/canvas-kit/?path=/docs/styling-how-to-customize-styles--docs).
+["How To Customize Styles"](https://workday.github.io/canvas-kit/?path=/docs/styling-guides-customizing-styles--docs).
 
 ## Component API
 

package/dist/mdx/style-props/STYLE_PROPS.mdx

@@ -42,7 +42,7 @@ with props.
 	<InformationHighlight.Icon />
 	<InformationHighlight.Heading> Caution: Performance Hit</InformationHighlight.Heading>
 	<InformationHighlight.Body>
-		As we transition away from Emotion's runtime costs, we advise against using style props. Please use our <Hyperlink src="https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started--docs">styling utilities</Hyperlink> instead. For more information on this change, view our discussion on the <Hyperlink src="https://github.com/Workday/canvas-kit/discussions/2265">Future of Styling</Hyperlink>.
+		As we transition away from Emotion's runtime costs, we advise against using style props. Please use our <Hyperlink src="https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs">styling utilities</Hyperlink> instead. For more information on this change, view our discussion on the <Hyperlink src="https://github.com/Workday/canvas-kit/discussions/2265">Future of Styling</Hyperlink>.
 	</InformationHighlight.Body>
 </InformationHighlight>
 

package/dist/mdx/styling/mdx/CustomizingStyles.mdx

@@ -11,9 +11,9 @@ here are the following options:
 
 ### Using `createStyles` with `cs` prop
 
-Use `createStyles` in tandem with `cs` prop when you're overriding static styles and making small modifications to an
-existing Canvas Kit component like padding, color and flex properties. Take our `Text` component as
-an example.
+Use `createStyles` in tandem with `cs` prop when you're overriding static styles and making small
+modifications to an existing Canvas Kit component like padding, color and flex properties. Take our
+`Text` component as an example.
 
 ```tsx
 import {createStyles} from '@Workday/canvas-kit-styling';
@@ -45,8 +45,8 @@ const uppercaseTextStyles = createStyles({
 <Text className={uppercaseTextStyles}>My uppercased text</Text>;
 ```
 
-If you need to dynamically apply styles based on some state or prop, use [Stencils](#stencils) instead.
-
+If you need to dynamically apply styles based on some state or prop, use [Stencils](#stencils)
+instead.
 
 ## Stencils
 
@@ -54,8 +54,8 @@ Stencils can be useful when applying dynamic styles or building your own reusabl
 
 ### Extending Stencils
 
-[Stencils](https://workday.github.io/canvas-kit/?path=/docs/styling-basics--create-stencil) help you
-organize the styling of reusable components into base styles, modifiers, and variables. The
+[Stencils](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-create-stencil--docs)
+help you organize the styling of reusable components into base styles, modifiers, and variables. The
 organization makes it more natural to produce static and clean CSS with optional extraction into CSS
 files.
 
@@ -175,5 +175,5 @@ const NavIcon = ({
 ```
 
 Another example of Stencil extension and customization is our
-[CustomButton](https://workday.github.io/canvas-kit/?path=/story/components-buttons--custom-styles)
+[CustomButton](https://workday.github.io/canvas-kit/?path=/story/components-buttons--docs#custom-styles)
 example. This example highlights the power of inheritance that you get from extending stencils.

package/dist/mdx/styling/mdx/Overview.mdx

@@ -17,7 +17,7 @@ static parsing process for build time. This system offers several key benefits:
 
 The motivation behind this custom styling solution stems from the need to move beyond IE11 support
 and implement performance improvements using static styling methods. For more details, refer to the
-[Why Canvas Kit Styling](https://workday.github.io/canvas-kit/?path=/docs/styling-why-canvas-styling--docs)
+[Why Canvas Kit Styling](https://workday.github.io/canvas-kit/?path=/docs/styling-guides-why-canvas-styling--docs)
 section.
 
 ## Overview
@@ -326,7 +326,9 @@ together and applies `className` and `style` attributes to a React element.
   <InformationHighlight.Icon />
   <InformationHighlight.Heading>Information</InformationHighlight.Heading>
   <InformationHighlight.Body>
-    For a more in depth overview, please view our <Hyperlink href="https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-create-styles--docs"> Create Styles </Hyperlink> docs.
+    For a more in depth overview, please view our [Create
+    Styles](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-create-styles--docs)
+    docs.
   </InformationHighlight.Body>
 </InformationHighlight>
 
@@ -396,6 +398,8 @@ const ThemedCard = ({isDarkTheme, headerColor, elemProps}) => {
   <InformationHighlight.Icon />
   <InformationHighlight.Heading>Information</InformationHighlight.Heading>
   <InformationHighlight.Body>
-    For a more in depth overview, please view our <Hyperlink href="https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-create-stencil--docs">Create Stencil</Hyperlink> docs.
+    For a more in depth overview, please view our [Create
+    Stencil](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-create-stencil--docs)
+    docs.
   </InformationHighlight.Body>
 </InformationHighlight>

package/dist/mdx/tokens/TokenMigrationFinal.mdx

@@ -196,6 +196,6 @@ After completing the token migration:
 ## Resources
 
 - [Canvas Tokens Documentation](https://canvas.workday.com/styles/tokens/)
-- [Canvas Kit Styling Documentation](https://workday.github.io/canvas-kit/?path=/docs/features-styling-welcome--page)
+- [Canvas Kit Styling Documentation](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs)
 - [Token Migration Discussion](https://github.com/Workday/canvas-tokens/discussions/77)
 - [Canvas Kit GitHub Repository](https://github.com/Workday/canvas-kit)

package/lib/ExampleCodeBlock.tsx

@@ -18,7 +18,7 @@ import eslintrc from '!!raw-loader!./stackblitzFiles/.eslintrc.cjs.txt';
 import tsconfigNodeFile from '!!raw-loader!./stackblitzFiles/tsconfig.node.json';
 import appFile from '!!raw-loader!./stackblitzFiles/App.tsx';
 import viteEnvFile from '!!raw-loader!./stackblitzFiles/vite-env.d.ts';
-import {CanvasProvider, defaultCanvasTheme} from '@workday/canvas-kit-react/common';
+import {CanvasProvider, defaultBranding} from '@workday/canvas-kit-react/common';
 
 const cardStencil = createStencil({
   base: {
@@ -124,7 +124,7 @@ export const ExampleCodeBlock = ({code}: any) => {
     <div {...cardStencil({opened: isCodeDisplayed})}>
       <Card data-part="example-block" className="sb-unstyled">
         <Card.Body>
-          <CanvasProvider theme={{canvas: defaultCanvasTheme}}>
+          <CanvasProvider className={defaultBranding}>
             {React.createElement(code)}
             {code && (
               <div data-part="code-toggle-stackblitz-btn-container">
@@ -144,7 +144,7 @@ export const ExampleCodeBlock = ({code}: any) => {
       </Card>
       <Card data-part="code-block" padding={0}>
         <Card.Body cs={{position: 'relative'}}>
-          <CanvasProvider theme={{canvas: defaultCanvasTheme}}>
+          <CanvasProvider className={defaultBranding}>
             {code && (
               <div ref={textInput}>
                 <SyntaxHighlighter

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "14.0.0-alpha.1233-next.0",
+  "version": "14.0.0-alpha.1237-next.0",
   "description": "Documentation components of Canvas Kit components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -45,10 +45,10 @@
     "@emotion/styled": "^11.6.0",
     "@stackblitz/sdk": "^1.11.0",
     "@storybook/csf": "0.0.1",
-    "@workday/canvas-kit-labs-react": "^14.0.0-alpha.1233-next.0",
-    "@workday/canvas-kit-preview-react": "^14.0.0-alpha.1233-next.0",
-    "@workday/canvas-kit-react": "^14.0.0-alpha.1233-next.0",
-    "@workday/canvas-kit-styling": "^14.0.0-alpha.1233-next.0",
+    "@workday/canvas-kit-labs-react": "^14.0.0-alpha.1237-next.0",
+    "@workday/canvas-kit-preview-react": "^14.0.0-alpha.1237-next.0",
+    "@workday/canvas-kit-react": "^14.0.0-alpha.1237-next.0",
+    "@workday/canvas-kit-styling": "^14.0.0-alpha.1237-next.0",
     "@workday/canvas-system-icons-web": "^3.0.35",
     "@workday/canvas-tokens-web": "3.0.0-alpha.12",
     "markdown-to-jsx": "^7.2.0",
@@ -61,5 +61,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "5.0"
   },
-  "gitHead": "7ed1570b966cb8473b3db07695fb2bc86af7739c"
+  "gitHead": "8a03bc6fdf11ecb2672ad937247aaf18b7cee0ec"
 }