@workday/canvas-kit-docs 13.0.0-alpha.1103-next.0 → 13.0.0-alpha.1106-next.0

package/dist/es6/lib/stackblitzFiles/packageJSONFile.js

@@ -18,11 +18,11 @@ export const packageJSONFile = `{
     "@emotion/react": "11.11.4",
     "@types/react": "18.2.60",
     "@types/react-dom": "18.2.19",
-    "@workday/canvas-kit-labs-react": "12.6.6",
-    "@workday/canvas-kit-preview-react": "12.6.6",
-    "@workday/canvas-kit-react": "12.6.6",
-    "@workday/canvas-kit-react-fonts": "^12.6.6",
-    "@workday/canvas-kit-styling": "12.6.6",
+    "@workday/canvas-kit-labs-react": "12.6.7",
+    "@workday/canvas-kit-preview-react": "12.6.7",
+    "@workday/canvas-kit-react": "12.6.7",
+    "@workday/canvas-kit-react-fonts": "^12.6.7",
+    "@workday/canvas-kit-styling": "12.6.7",
     "@workday/canvas-system-icons-web": "3.0.22",
     "@workday/canvas-tokens-web": "2.0.0"
   },

package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts

@@ -18,11 +18,11 @@ export const packageJSONFile = `{
     "@emotion/react": "11.11.4",
     "@types/react": "18.2.60",
     "@types/react-dom": "18.2.19",
-    "@workday/canvas-kit-labs-react": "12.6.6",
-    "@workday/canvas-kit-preview-react": "12.6.6",
-    "@workday/canvas-kit-react": "12.6.6",
-    "@workday/canvas-kit-react-fonts": "^12.6.6",
-    "@workday/canvas-kit-styling": "12.6.6",
+    "@workday/canvas-kit-labs-react": "12.6.7",
+    "@workday/canvas-kit-preview-react": "12.6.7",
+    "@workday/canvas-kit-react": "12.6.7",
+    "@workday/canvas-kit-react-fonts": "^12.6.7",
+    "@workday/canvas-kit-styling": "12.6.7",
     "@workday/canvas-system-icons-web": "3.0.22",
     "@workday/canvas-tokens-web": "2.0.0"
   },

package/dist/es6/mdx/style-props/examples/Background.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from '@workday/canvas-kit-react/layout';
 const baseStyles = {
     color: 'blackPepper500',
@@ -9,5 +9,5 @@ const baseStyles = {
     padding: 'xs',
 };
 export const Background = () => {
-    return (_jsxs(_Fragment, { children: [_jsx(Box, { backgroundColor: "cinnamon300", ...baseStyles, children: "Cinnamon 300" }), _jsx(Box, { backgroundColor: "sourLemon300", ...baseStyles, children: "Sour Lemon 300" }), _jsx(Box, { backgroundColor: "blueberry300", ...baseStyles, children: "Blueberry 300" })] }));
+    return (_jsxs("div", { children: [_jsx(Box, { backgroundColor: "cinnamon300", ...baseStyles, children: "Cinnamon 300" }), _jsx(Box, { backgroundColor: "sourLemon300", ...baseStyles, children: "Sour Lemon 300" }), _jsx(Box, { backgroundColor: "blueberry300", ...baseStyles, children: "Blueberry 300" })] }));
 };

package/dist/es6/mdx/style-props/examples/Border.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from '@workday/canvas-kit-react/layout';
 const baseStyles = {
     color: 'blackPepper300',
@@ -8,4 +8,4 @@ const baseStyles = {
     minWidth: '8rem',
     padding: 'xs',
 };
-export const Border = () => (_jsxs(_Fragment, { children: [_jsx(Box, { borderRadius: "m", border: "solid 4px", borderColor: "cinnamon300", ...baseStyles, children: "Cinnamon 300" }), _jsx(Box, { borderRadius: "m", border: "solid 4px", borderColor: "sourLemon300", ...baseStyles, children: "Sour Lemon 300" }), _jsx(Box, { borderRadius: "m", border: "solid 4px", borderColor: "blueberry300", ...baseStyles, children: "Blueberry 300" })] }));
+export const Border = () => (_jsxs("div", { children: [_jsx(Box, { borderRadius: "m", border: "solid 4px", borderColor: "cinnamon300", ...baseStyles, children: "Cinnamon 300" }), _jsx(Box, { borderRadius: "m", border: "solid 4px", borderColor: "sourLemon300", ...baseStyles, children: "Sour Lemon 300" }), _jsx(Box, { borderRadius: "m", border: "solid 4px", borderColor: "blueberry300", ...baseStyles, children: "Blueberry 300" })] }));

package/dist/es6/mdx/style-props/examples/Color.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from '@workday/canvas-kit-react/layout';
 const baseStyles = {
     display: 'inline-block',
@@ -7,4 +7,4 @@ const baseStyles = {
     minWidth: '8rem',
     padding: 'xs',
 };
-export const Color = () => (_jsxs(_Fragment, { children: [_jsx(Box, { backgroundColor: "cinnamon300", color: "blackPepper500", ...baseStyles, children: "Cinnamon 300" }), _jsx(Box, { backgroundColor: "sourLemon300", color: "blackPepper500", ...baseStyles, children: "Sour Lemon 300" }), _jsx(Box, { backgroundColor: "blueberry300", color: "blackPepper500", ...baseStyles, children: "Blueberry 300" })] }));
+export const Color = () => (_jsxs("div", { children: [_jsx(Box, { backgroundColor: "cinnamon300", color: "blackPepper500", ...baseStyles, children: "Cinnamon 300" }), _jsx(Box, { backgroundColor: "sourLemon300", color: "blackPepper500", ...baseStyles, children: "Sour Lemon 300" }), _jsx(Box, { backgroundColor: "blueberry300", color: "blackPepper500", ...baseStyles, children: "Blueberry 300" })] }));

package/dist/es6/mdx/style-props/examples/Depth.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from '@workday/canvas-kit-react/layout';
 const baseStyles = {
     color: 'blackPepper500',
@@ -8,4 +8,4 @@ const baseStyles = {
     minWidth: '8rem',
     padding: 'xs',
 };
-export const Depth = () => (_jsxs(_Fragment, { children: [_jsx(Box, { backgroundColor: "cinnamon300", depth: 1, ...baseStyles, children: "Depth 1" }), _jsx(Box, { backgroundColor: "sourLemon300", depth: 2, ...baseStyles, children: "Depth 2" }), _jsx(Box, { backgroundColor: "blueberry300", depth: 3, ...baseStyles, children: "Depth 3" })] }));
+export const Depth = () => (_jsxs("div", { children: [_jsx(Box, { backgroundColor: "cinnamon300", depth: 1, ...baseStyles, children: "Depth 1" }), _jsx(Box, { backgroundColor: "sourLemon300", depth: 2, ...baseStyles, children: "Depth 2" }), _jsx(Box, { backgroundColor: "blueberry300", depth: 3, ...baseStyles, children: "Depth 3" })] }));

package/dist/es6/mdx/style-props/examples/Position.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from '@workday/canvas-kit-react/layout';
 const baseStyles = {
     color: 'blackPepper500',
@@ -8,5 +8,5 @@ const baseStyles = {
     padding: 'xs',
 };
 export const Position = () => {
-    return (_jsxs(_Fragment, { children: [_jsx(Box, { backgroundColor: "cinnamon300", left: 0, position: "absolute", top: "calc(50% - 20px)", zIndex: 1, textAlign: "center", ...baseStyles, children: "Left" }), _jsx(Box, { backgroundColor: "sourLemon300", left: `calc(50% - 4rem)`, position: "absolute", top: "calc(50% - 20px)", zIndex: 2, textAlign: "center", ...baseStyles, children: "Center" }), _jsx(Box, { backgroundColor: "blueberry300", position: "absolute", right: 0, top: "calc(50% - 20px)", zIndex: 3, textAlign: "center", ...baseStyles, children: "Right" })] }));
+    return (_jsxs("div", { children: [_jsx(Box, { backgroundColor: "cinnamon300", left: 0, position: "absolute", top: "calc(50% - 20px)", zIndex: 1, textAlign: "center", ...baseStyles, children: "Left" }), _jsx(Box, { backgroundColor: "sourLemon300", left: `calc(50% - 4rem)`, position: "absolute", top: "calc(50% - 20px)", zIndex: 2, textAlign: "center", ...baseStyles, children: "Center" }), _jsx(Box, { backgroundColor: "blueberry300", position: "absolute", right: 0, top: "calc(50% - 20px)", zIndex: 3, textAlign: "center", ...baseStyles, children: "Right" })] }));
 };

package/dist/es6/mdx/style-props/examples/Space.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from '@workday/canvas-kit-react/layout';
 const baseStyles = {
     border: 'dotted 2px',
@@ -6,4 +6,4 @@ const baseStyles = {
     display: 'inline-block',
     verticalAlign: 'bottom',
 };
-export const Space = () => (_jsxs(_Fragment, { children: [_jsx(Box, { backgroundColor: "cinnamon300", margin: "xxs", padding: "s", textAlign: "center", ...baseStyles, children: _jsx(Box, { border: "dotted 2px", borderColor: "blackPepper500", children: "Small" }) }), _jsx(Box, { backgroundColor: "sourLemon300", margin: "xxs", padding: "m", textAlign: "center", ...baseStyles, children: _jsx(Box, { border: "dotted 2px", borderColor: "blackPepper500", children: "Medium" }) }), _jsx(Box, { backgroundColor: "blueberry300", margin: "xxs", padding: "l", textAlign: "center", ...baseStyles, children: _jsx(Box, { border: "dotted 2px", borderColor: "blackPepper500", children: "Large" }) })] }));
+export const Space = () => (_jsxs("div", { children: [_jsx(Box, { backgroundColor: "cinnamon300", margin: "xxs", padding: "s", textAlign: "center", ...baseStyles, children: _jsx(Box, { border: "dotted 2px", borderColor: "blackPepper500", children: "Small" }) }), _jsx(Box, { backgroundColor: "sourLemon300", margin: "xxs", padding: "m", textAlign: "center", ...baseStyles, children: _jsx(Box, { border: "dotted 2px", borderColor: "blackPepper500", children: "Medium" }) }), _jsx(Box, { backgroundColor: "blueberry300", margin: "xxs", padding: "l", textAlign: "center", ...baseStyles, children: _jsx(Box, { border: "dotted 2px", borderColor: "blackPepper500", children: "Large" }) })] }));

package/dist/es6/mdx/welcomePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"welcomePage.d.ts","sourceRoot":"","sources":["../../../mdx/welcomePage.tsx"],"names":[],"mappings":"AAqDA,eAAO,MAAM,WAAW,+CAkHvB,CAAC"}
+{"version":3,"file":"welcomePage.d.ts","sourceRoot":"","sources":["../../../mdx/welcomePage.tsx"],"names":[],"mappings":"AAqDA,eAAO,MAAM,WAAW,+CAwHvB,CAAC"}

package/dist/es6/mdx/welcomePage.js

@@ -45,5 +45,5 @@ const linkStyles = createStyles({
     marginTop: system.space.x3,
 });
 export const WelcomePage = () => {
-    return (_jsx("div", { className: "sb-unstyled", children: _jsxs("div", { className: parentFlexStyles, children: [_jsxs(Box, { cs: { overflow: 'hidden', position: 'relative' }, children: [_jsxs(Flex, { cs: { flexDirection: 'row', position: 'absolute', top: '45%', left: '10%' }, children: [_jsx(Text, { typeLevel: "title.medium", cs: textStyles, children: "Canvas Kit" }), _jsxs(Text, { typeLevel: "title.medium", cs: [textStyles, versionStyles], children: ["v", version] })] }), _jsx("img", { src: headerImage, alt: "banner with canvas kit logo and version", className: imageStyles })] }), _jsxs(Text, { typeLevel: "body.medium", children: ["This project provides a set of components for the Workday Canvas Design System that can be used to implement user experiences consistent with", _jsx(ExternalHyperlink, { href: "https://canvas.workdaydesign.com/", iconLabel: "Open docs in new window", children: "Workday Design Principles." })] }), _jsx(Heading, { size: "medium", className: borderStyles, children: "Quick Links" }), _jsxs(Grid, { gridAutoColumns: "auto", gridTemplateColumns: "repeat(auto-fill, minmax(250px, 1fr))", gridGap: "s", children: [_jsxs(Grid, { as: Card, className: gridStyles, children: [_jsx(SystemIcon, { color: base.cantaloupe400, colorHover: base.cantaloupe400, icon: rocketIcon, size: 60 }), _jsx(Card.Heading, { children: "Getting Started" }), _jsx(Card.Body, { children: _jsx(Text, { children: "For all things getting started including helpful guides and docs." }) }), _jsx(Grid.Item, { as: Hyperlink, className: linkStyles, href: "https://workday.github.io/canvas-kit/?path=/docs/guides-getting-started--docs", children: "Getting Started Guide" })] }), _jsxs(Grid, { as: Card, className: gridStyles, children: [_jsx(SystemIcon, { color: base.blueberry400, icon: tokensIcon, colorHover: base.blueberry400, size: 60 }), _jsx(Card.Heading, { children: "Tokens" }), _jsx(Card.Body, { children: _jsx(Text, { children: "Tokens are the smallest pieces of our Design System with the primary function of storing UI information." }) }), _jsx(Grid.Item, { as: Hyperlink, className: linkStyles, href: "https://workday.github.io/canvas-kit/?path=/docs/tokens--overview", children: "View Our Tokens" })] }), _jsxs(Grid, { as: Card, className: gridStyles, children: [_jsx(SystemIcon, { color: base.greenApple400, icon: shapesIcon, size: 60, colorHover: base.greenApple400 }), _jsx(Card.Heading, { children: "Assets" }), _jsx(Card.Body, { children: _jsx(Text, { children: "Assets are graphics which help communicate meaning or highlight areas of interaction to our users." }) }), _jsx(Grid.Item, { as: Hyperlink, className: linkStyles, href: "https://workday.github.io/canvas-kit/?path=/docs/assets-icons--overview", children: "View Assets" })] })] }), _jsx(Heading, { size: "medium", className: borderStyles, children: "Installation" }), _jsx(Text, { children: "To get started using Canvas Kit React first add or install the module to your existing React project" }), _jsx(InstallBlock, { command: "yarn add", packageName: "@workday/canvas-kit-react" }), "or", _jsx(InstallBlock, { command: "npm install", packageName: "@workday/canvas-kit-react" })] }) }));
+    return (_jsx("div", { className: "sb-unstyled", children: _jsxs("div", { className: parentFlexStyles, children: [_jsxs(Box, { cs: { overflow: 'hidden', position: 'relative' }, children: [_jsxs(Flex, { cs: { flexDirection: 'row', position: 'absolute', top: '45%', left: '10%' }, children: [_jsx(Text, { typeLevel: "title.medium", cs: textStyles, children: "Canvas Kit" }), _jsxs(Text, { typeLevel: "title.medium", cs: [textStyles, versionStyles], children: ["v", version] })] }), _jsx("img", { src: headerImage, alt: "banner with canvas kit logo and version", className: imageStyles })] }), _jsxs(Text, { typeLevel: "body.medium", children: ["This project provides a set of components for the Workday Canvas Design System that can be used to implement user experiences consistent with", _jsx(ExternalHyperlink, { href: "https://canvas.workdaydesign.com/", iconLabel: "Open docs in new window", children: "Workday Design Principles." })] }), _jsx(Heading, { size: "medium", className: borderStyles, children: "Quick Links" }), _jsxs(Grid, { gridAutoColumns: "auto", gridTemplateColumns: "repeat(auto-fill, minmax(250px, 1fr))", gridGap: "s", children: [_jsxs(Grid, { as: Card, className: gridStyles, children: [_jsx(SystemIcon, { color: base.cantaloupe400, colorHover: base.cantaloupe400, icon: rocketIcon, size: 60 }), _jsx(Card.Heading, { children: "Getting Started" }), _jsx(Card.Body, { children: _jsx(Text, { children: "For all things getting started including helpful guides and docs." }) }), _jsx(Grid.Item, { as: Hyperlink, className: linkStyles, href: "https://workday.github.io/canvas-kit/?path=/docs/guides-getting-started--docs", children: "Getting Started Guide" })] }), _jsxs(Grid, { as: Card, className: gridStyles, children: [_jsx(SystemIcon, { color: base.blueberry400, icon: tokensIcon, colorHover: base.blueberry400, size: 60 }), _jsx(Card.Heading, { children: "Tokens" }), _jsx(Card.Body, { children: _jsx(Text, { children: "Tokens are the smallest pieces of our Design System with the primary function of storing UI information." }) }), _jsx(Grid.Item, { as: Hyperlink, className: linkStyles, href: "https://workday.github.io/canvas-kit/?path=/docs/tokens--overview", children: "View Our Tokens" })] }), _jsxs(Grid, { as: Card, className: gridStyles, children: [_jsx(SystemIcon, { color: base.greenApple400, icon: shapesIcon, size: 60, colorHover: base.greenApple400 }), _jsx(Card.Heading, { children: "Assets" }), _jsx(Card.Body, { children: _jsx(Text, { children: "Assets are graphics which help communicate meaning or highlight areas of interaction to our users." }) }), _jsx(Grid.Item, { as: Hyperlink, className: linkStyles, href: "https://workday.github.io/canvas-kit/?path=/docs/assets-icons--overview", children: "View Assets" })] })] }), _jsx(Heading, { size: "medium", className: borderStyles, children: "Installation" }), _jsx(Text, { children: "To get started using Canvas Kit React first add or install the module to your existing React project" }), _jsx(InstallBlock, { command: "yarn add", packageName: "@workday/canvas-kit-react @workday/canvas-tokens-web" }), "or", _jsx(InstallBlock, { command: "npm install", packageName: "@workday/canvas-kit-react @workday/canvas-tokens-web" })] }) }));
 };

package/dist/mdx/CONTRIBUTING.mdx

@@ -71,6 +71,14 @@ for each contribution.
   `my-feature`).
 - Prefer dashes over camelCasing in branch names.
 
+We maintain three major versions of Canvas Kit at any given time: the previous major, the current
+major, and the next major version. These versions live in four branches:
+
+- `support` - the previous major version - patches only, no new features or breaking changes
+- `master` - the current major version - patches and small updates only
+- `prerelease/minor` - the current major version - new features are added here and released in a new minor version.
+- `prerelease/major` - the next major version - patches, new features, and major breaking changes
+
 #### Commit Message Format
 
 Canvas Kit relies on the

package/dist/mdx/preview-react/loading-sparkles/examples/Basic.tsx

@@ -35,7 +35,7 @@ export default () => {
   };
 
   return (
-    <>
+    <div>
       <div className={containerStyles}>
         {quote && <Text cs={{maxWidth: '60ch'}}>{quote}</Text>}
         <AriaLiveRegion>
@@ -46,7 +46,7 @@ export default () => {
         </AriaLiveRegion>
       </div>
       <SecondaryButton onClick={handleClick}>Generate Quote</SecondaryButton>
-    </>
+    </div>
   );
 };
 

package/dist/mdx/react/expandable/examples/Avatar.tsx

@@ -3,7 +3,7 @@ import {Expandable} from '@workday/canvas-kit-react/expandable';
 import testAvatar from './test-avatar.png';
 
 export default () => (
-  <>
+  <div>
     <Expandable>
       <Expandable.Target headingLevel="h4">
         <Expandable.Icon iconPosition="start" />
@@ -22,5 +22,5 @@ export default () => (
 
       <Expandable.Content>Content</Expandable.Content>
     </Expandable>
-  </>
+  </div>
 );

package/dist/mdx/style-props/examples/Background.tsx

@@ -11,7 +11,7 @@ const baseStyles = {
 
 export default () => {
   return (
-    <>
+    <div>
       <Box backgroundColor="cinnamon300" {...baseStyles}>
         Cinnamon 300
       </Box>
@@ -21,6 +21,6 @@ export default () => {
       <Box backgroundColor="blueberry300" {...baseStyles}>
         Blueberry 300
       </Box>
-    </>
+    </div>
   );
 };

package/dist/mdx/style-props/examples/Border.tsx

@@ -10,7 +10,7 @@ const baseStyles = {
 };
 
 export default () => (
-  <>
+  <div>
     <Box borderRadius="m" border="solid 4px" borderColor="cinnamon300" {...baseStyles}>
       Cinnamon 300
     </Box>
@@ -20,5 +20,5 @@ export default () => (
     <Box borderRadius="m" border="solid 4px" borderColor="blueberry300" {...baseStyles}>
       Blueberry 300
     </Box>
-  </>
+  </div>
 );

package/dist/mdx/style-props/examples/Color.tsx

@@ -9,7 +9,7 @@ const baseStyles = {
 };
 
 export default () => (
-  <>
+  <div>
     <Box backgroundColor="cinnamon300" color="blackPepper500" {...baseStyles}>
       Cinnamon 300
     </Box>
@@ -19,5 +19,5 @@ export default () => (
     <Box backgroundColor="blueberry300" color="blackPepper500" {...baseStyles}>
       Blueberry 300
     </Box>
-  </>
+  </div>
 );

package/dist/mdx/style-props/examples/Depth.tsx

@@ -10,7 +10,7 @@ const baseStyles = {
 };
 
 export default () => (
-  <>
+  <div>
     <Box backgroundColor="cinnamon300" depth={1} {...baseStyles}>
       Depth 1
     </Box>
@@ -20,5 +20,5 @@ export default () => (
     <Box backgroundColor="blueberry300" depth={3} {...baseStyles}>
       Depth 3
     </Box>
-  </>
+  </div>
 );

package/dist/mdx/style-props/examples/Position.tsx

@@ -10,7 +10,7 @@ const baseStyles = {
 
 export default () => {
   return (
-    <>
+    <div>
       <Box
         backgroundColor="cinnamon300"
         left={0}
@@ -44,6 +44,6 @@ export default () => {
       >
         Right
       </Box>
-    </>
+    </div>
   );
 };

package/dist/mdx/style-props/examples/Space.tsx

@@ -8,7 +8,7 @@ const baseStyles = {
 };
 
 export default () => (
-  <>
+  <div>
     <Box backgroundColor="cinnamon300" margin="xxs" padding="s" textAlign="center" {...baseStyles}>
       <Box border="dotted 2px" borderColor="blackPepper500">
         Small
@@ -24,5 +24,5 @@ export default () => (
         Large
       </Box>
     </Box>
-  </>
+  </div>
 );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "13.0.0-alpha.1103-next.0",
+  "version": "13.0.0-alpha.1106-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": "^13.0.0-alpha.1103-next.0",
-    "@workday/canvas-kit-preview-react": "^13.0.0-alpha.1103-next.0",
-    "@workday/canvas-kit-react": "^13.0.0-alpha.1103-next.0",
-    "@workday/canvas-kit-styling": "^13.0.0-alpha.1103-next.0",
+    "@workday/canvas-kit-labs-react": "^13.0.0-alpha.1106-next.0",
+    "@workday/canvas-kit-preview-react": "^13.0.0-alpha.1106-next.0",
+    "@workday/canvas-kit-react": "^13.0.0-alpha.1106-next.0",
+    "@workday/canvas-kit-styling": "^13.0.0-alpha.1106-next.0",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/canvas-tokens-web": "^2.1.1",
     "markdown-to-jsx": "^7.2.0",
@@ -61,5 +61,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "5.0"
   },
-  "gitHead": "3b6b7fba5e309f35bde855ef2d86f616c1f8d45d"
+  "gitHead": "50e29e2ddae811bbc6f4807dc5dce7af0cb436fc"
 }