@workday/canvas-kit-docs 13.0.0-alpha.1072-next.0 → 13.0.0-alpha.1075-next.0

package/dist/es6/mdx/style-props/examples/Background.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-export declare const Background: () => React.JSX.Element;
+export declare const Background: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Background.d.ts.map

package/dist/es6/mdx/style-props/examples/Background.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Background.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,eAAO,MAAM,UAAU,yBActB,CAAC"}
+{"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Background.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,UAAU,+CActB,CAAC"}

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from '@workday/canvas-kit-react/layout';
 const baseStyles = {
     color: 'blackPepper500',
@@ -9,8 +9,5 @@ const baseStyles = {
     padding: 'xs',
 };
 export const Background = () => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Box, { backgroundColor: "cinnamon300", ...baseStyles }, "Cinnamon 300"),
-        React.createElement(Box, { backgroundColor: "sourLemon300", ...baseStyles }, "Sour Lemon 300"),
-        React.createElement(Box, { backgroundColor: "blueberry300", ...baseStyles }, "Blueberry 300")));
+    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" })] }));
 };

package/dist/es6/mdx/style-props/examples/Border.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-export declare const Border: () => React.JSX.Element;
+export declare const Border: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Border.d.ts.map

package/dist/es6/mdx/style-props/examples/Border.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Border.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Border.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,eAAO,MAAM,MAAM,yBAYlB,CAAC"}
+{"version":3,"file":"Border.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Border.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,MAAM,+CAYlB,CAAC"}

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

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

package/dist/es6/mdx/style-props/examples/Color.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-export declare const Color: () => React.JSX.Element;
+export declare const Color: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Color.d.ts.map

package/dist/es6/mdx/style-props/examples/Color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Color.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,eAAO,MAAM,KAAK,yBAYjB,CAAC"}
+{"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Color.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,KAAK,+CAYjB,CAAC"}

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

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

package/dist/es6/mdx/style-props/examples/Depth.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-export declare const Depth: () => React.JSX.Element;
+export declare const Depth: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Depth.d.ts.map

package/dist/es6/mdx/style-props/examples/Depth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Depth.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Depth.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,eAAO,MAAM,KAAK,yBAYjB,CAAC"}
+{"version":3,"file":"Depth.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Depth.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,KAAK,+CAYjB,CAAC"}

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

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

package/dist/es6/mdx/style-props/examples/Flex.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-export declare const FlexExample: () => React.JSX.Element;
+export declare const FlexExample: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Flex.d.ts.map

package/dist/es6/mdx/style-props/examples/Flex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,WAAW,yBAoCvB,CAAC"}
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Flex.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW,+CAoCvB,CAAC"}

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Flex } from '@workday/canvas-kit-react/layout';
 const baseStyles = {
     color: 'blackPepper500',
@@ -6,16 +6,4 @@ const baseStyles = {
     minWidth: '2rem',
     padding: 'xs',
 };
-export const FlexExample = () => (React.createElement(Flex, { columnGap: "xs" },
-    React.createElement(Flex, { flexDirection: "column", rowGap: "xs", flex: 1 },
-        React.createElement(Flex.Item, { backgroundColor: "cinnamon300", textAlign: "center", ...baseStyles }, "1"),
-        React.createElement(Flex.Item, { backgroundColor: "sourLemon300", textAlign: "center", ...baseStyles }, "1"),
-        React.createElement(Flex.Item, { backgroundColor: "blueberry300", textAlign: "center", ...baseStyles }, "1")),
-    React.createElement(Flex, { flexDirection: "column", rowGap: "xs", flex: 2 },
-        React.createElement(Flex.Item, { backgroundColor: "cinnamon300", textAlign: "center", ...baseStyles }, "2"),
-        React.createElement(Flex.Item, { backgroundColor: "sourLemon300", textAlign: "center", ...baseStyles }, "2"),
-        React.createElement(Flex.Item, { backgroundColor: "blueberry300", textAlign: "center", ...baseStyles }, "2")),
-    React.createElement(Flex, { flexDirection: "column", rowGap: "xs", flex: 1 },
-        React.createElement(Flex.Item, { backgroundColor: "cinnamon300", textAlign: "center", ...baseStyles }, "1"),
-        React.createElement(Flex.Item, { backgroundColor: "sourLemon300", textAlign: "center", ...baseStyles }, "1"),
-        React.createElement(Flex.Item, { backgroundColor: "blueberry300", textAlign: "center", ...baseStyles }, "1"))));
+export const FlexExample = () => (_jsxs(Flex, { columnGap: "xs", children: [_jsxs(Flex, { flexDirection: "column", rowGap: "xs", flex: 1, children: [_jsx(Flex.Item, { backgroundColor: "cinnamon300", textAlign: "center", ...baseStyles, children: "1" }), _jsx(Flex.Item, { backgroundColor: "sourLemon300", textAlign: "center", ...baseStyles, children: "1" }), _jsx(Flex.Item, { backgroundColor: "blueberry300", textAlign: "center", ...baseStyles, children: "1" })] }), _jsxs(Flex, { flexDirection: "column", rowGap: "xs", flex: 2, children: [_jsx(Flex.Item, { backgroundColor: "cinnamon300", textAlign: "center", ...baseStyles, children: "2" }), _jsx(Flex.Item, { backgroundColor: "sourLemon300", textAlign: "center", ...baseStyles, children: "2" }), _jsx(Flex.Item, { backgroundColor: "blueberry300", textAlign: "center", ...baseStyles, children: "2" })] }), _jsxs(Flex, { flexDirection: "column", rowGap: "xs", flex: 1, children: [_jsx(Flex.Item, { backgroundColor: "cinnamon300", textAlign: "center", ...baseStyles, children: "1" }), _jsx(Flex.Item, { backgroundColor: "sourLemon300", textAlign: "center", ...baseStyles, children: "1" }), _jsx(Flex.Item, { backgroundColor: "blueberry300", textAlign: "center", ...baseStyles, children: "1" })] })] }));

package/dist/es6/mdx/style-props/examples/FlexItem.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-export declare const FlexItem: () => React.JSX.Element;
+export declare const FlexItem: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FlexItem.d.ts.map

package/dist/es6/mdx/style-props/examples/FlexItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlexItem.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/FlexItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,QAAQ,yBAiCpB,CAAC"}
+{"version":3,"file":"FlexItem.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/FlexItem.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,QAAQ,+CAiCpB,CAAC"}

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Flex } from '@workday/canvas-kit-react/layout';
 const baseStyles = {
     color: 'blackPepper500',
@@ -6,15 +6,4 @@ const baseStyles = {
     minWidth: '2rem',
     padding: 'xs',
 };
-export const FlexItem = () => (React.createElement(Flex, { flexDirection: "column", rowGap: "xs" },
-    React.createElement(Flex, { columnGap: "xs" },
-        React.createElement(Flex.Item, { backgroundColor: "cinnamon300", flex: 1, textAlign: "center", ...baseStyles }, "1"),
-        React.createElement(Flex.Item, { backgroundColor: "sourLemon300", flex: 2, textAlign: "center", ...baseStyles }, "2"),
-        React.createElement(Flex.Item, { backgroundColor: "blueberry300", flex: 1, textAlign: "center", ...baseStyles }, "1")),
-    React.createElement(Flex, { columnGap: "xs" },
-        React.createElement(Flex.Item, { backgroundColor: "cinnamon300", flex: 2, textAlign: "center", ...baseStyles }, "2"),
-        React.createElement(Flex.Item, { backgroundColor: "sourLemon300", flex: 1, textAlign: "center", ...baseStyles }, "1"),
-        React.createElement(Flex.Item, { backgroundColor: "blueberry300", flex: 2, textAlign: "center", ...baseStyles }, "2")),
-    React.createElement(Flex, { columnGap: "xs" },
-        React.createElement(Flex.Item, { backgroundColor: "cinnamon300", flex: 1, textAlign: "center", ...baseStyles }, "1"),
-        React.createElement(Flex.Item, { backgroundColor: "blueberry300", flex: 1, textAlign: "center", ...baseStyles }, "1"))));
+export const FlexItem = () => (_jsxs(Flex, { flexDirection: "column", rowGap: "xs", children: [_jsxs(Flex, { columnGap: "xs", children: [_jsx(Flex.Item, { backgroundColor: "cinnamon300", flex: 1, textAlign: "center", ...baseStyles, children: "1" }), _jsx(Flex.Item, { backgroundColor: "sourLemon300", flex: 2, textAlign: "center", ...baseStyles, children: "2" }), _jsx(Flex.Item, { backgroundColor: "blueberry300", flex: 1, textAlign: "center", ...baseStyles, children: "1" })] }), _jsxs(Flex, { columnGap: "xs", children: [_jsx(Flex.Item, { backgroundColor: "cinnamon300", flex: 2, textAlign: "center", ...baseStyles, children: "2" }), _jsx(Flex.Item, { backgroundColor: "sourLemon300", flex: 1, textAlign: "center", ...baseStyles, children: "1" }), _jsx(Flex.Item, { backgroundColor: "blueberry300", flex: 2, textAlign: "center", ...baseStyles, children: "2" })] }), _jsxs(Flex, { columnGap: "xs", children: [_jsx(Flex.Item, { backgroundColor: "cinnamon300", flex: 1, textAlign: "center", ...baseStyles, children: "1" }), _jsx(Flex.Item, { backgroundColor: "blueberry300", flex: 1, textAlign: "center", ...baseStyles, children: "1" })] })] }));

package/dist/es6/mdx/style-props/examples/Grid.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-export declare const GridExample: () => React.JSX.Element;
+export declare const GridExample: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Grid.d.ts.map

package/dist/es6/mdx/style-props/examples/Grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,WAAW,yBAYvB,CAAC"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Grid.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW,+CAYvB,CAAC"}

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

@@ -1,11 +1,7 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Grid } from '@workday/canvas-kit-react/layout';
 const baseStyles = {
     color: 'blackPepper500',
     padding: 'xs',
 };
-export const GridExample = () => (React.createElement(Grid, { gridGap: "xs", gridTemplateAreas: "'head head' 'nav main' 'nav foot'", gridTemplateColumns: "1fr 3fr", gridTemplateRows: "2.5rem minmax(10rem, auto) 2.5rem" },
-    React.createElement(Grid.Item, { gridArea: "head", backgroundColor: "cinnamon300", ...baseStyles }),
-    React.createElement(Grid.Item, { gridArea: "nav", backgroundColor: "sourLemon300", ...baseStyles }),
-    React.createElement(Grid.Item, { gridArea: "main", backgroundColor: "blueberry300", ...baseStyles }),
-    React.createElement(Grid.Item, { gridArea: "foot", backgroundColor: "cinnamon300", ...baseStyles })));
+export const GridExample = () => (_jsxs(Grid, { gridGap: "xs", gridTemplateAreas: "'head head' 'nav main' 'nav foot'", gridTemplateColumns: "1fr 3fr", gridTemplateRows: "2.5rem minmax(10rem, auto) 2.5rem", children: [_jsx(Grid.Item, { gridArea: "head", backgroundColor: "cinnamon300", ...baseStyles }), _jsx(Grid.Item, { gridArea: "nav", backgroundColor: "sourLemon300", ...baseStyles }), _jsx(Grid.Item, { gridArea: "main", backgroundColor: "blueberry300", ...baseStyles }), _jsx(Grid.Item, { gridArea: "foot", backgroundColor: "cinnamon300", ...baseStyles })] }));

package/dist/es6/mdx/style-props/examples/GridItem.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-export declare const GridItem: () => React.JSX.Element;
+export declare const GridItem: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=GridItem.d.ts.map

package/dist/es6/mdx/style-props/examples/GridItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridItem.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/GridItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,QAAQ,yBAWpB,CAAC"}
+{"version":3,"file":"GridItem.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/GridItem.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ,+CAWpB,CAAC"}

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

@@ -1,11 +1,7 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Grid } from '@workday/canvas-kit-react/layout';
 const baseStyles = {
     color: 'blackPepper500',
     padding: 'xs',
 };
-export const GridItem = () => (React.createElement(Grid, { gridGap: "xs", gridTemplateColumns: "1fr 3fr", gridTemplateRows: "2.5rem minmax(10rem, auto) 2.5rem" },
-    React.createElement(Grid.Item, { gridColumn: "1 / 3", gridRow: "1", backgroundColor: "cinnamon300", ...baseStyles }),
-    React.createElement(Grid.Item, { gridColumn: "1", gridRow: "2 / 4", backgroundColor: "sourLemon300", ...baseStyles }),
-    React.createElement(Grid.Item, { gridColumn: "2", gridRow: "2", backgroundColor: "blueberry300", ...baseStyles }),
-    React.createElement(Grid.Item, { gridColumn: "2", gridRow: "3", backgroundColor: "cinnamon300", ...baseStyles })));
+export const GridItem = () => (_jsxs(Grid, { gridGap: "xs", gridTemplateColumns: "1fr 3fr", gridTemplateRows: "2.5rem minmax(10rem, auto) 2.5rem", children: [_jsx(Grid.Item, { gridColumn: "1 / 3", gridRow: "1", backgroundColor: "cinnamon300", ...baseStyles }), _jsx(Grid.Item, { gridColumn: "1", gridRow: "2 / 4", backgroundColor: "sourLemon300", ...baseStyles }), _jsx(Grid.Item, { gridColumn: "2", gridRow: "2", backgroundColor: "blueberry300", ...baseStyles }), _jsx(Grid.Item, { gridColumn: "2", gridRow: "3", backgroundColor: "cinnamon300", ...baseStyles })] }));

package/dist/es6/mdx/style-props/examples/Layout.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-export declare const Layout: () => React.JSX.Element;
+export declare const Layout: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Layout.d.ts.map

package/dist/es6/mdx/style-props/examples/Layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,eAAO,MAAM,MAAM,yBA8BlB,CAAC"}
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Layout.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,MAAM,+CA8BlB,CAAC"}

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Flex } from '@workday/canvas-kit-react/layout';
 const baseStyles = {
     color: 'blackPepper500',
@@ -7,7 +7,4 @@ const baseStyles = {
     justifyContent: 'center',
     alignItems: 'flex-start',
 };
-export const Layout = () => (React.createElement(Flex, { alignItems: "flex-end" },
-    React.createElement(Flex, { backgroundColor: "cinnamon300", display: "inline-flex", height: "xl", width: "xxxl", ...baseStyles }, "40 x 80"),
-    React.createElement(Flex, { backgroundColor: "sourLemon300", display: "inline-flex", height: "xxl", width: "xxxl", ...baseStyles }, "64 x 80"),
-    React.createElement(Flex, { backgroundColor: "blueberry300", display: "inline-flex", height: "xxxl", width: "xxxl", ...baseStyles }, "80 x 80")));
+export const Layout = () => (_jsxs(Flex, { alignItems: "flex-end", children: [_jsx(Flex, { backgroundColor: "cinnamon300", display: "inline-flex", height: "xl", width: "xxxl", ...baseStyles, children: "40 x 80" }), _jsx(Flex, { backgroundColor: "sourLemon300", display: "inline-flex", height: "xxl", width: "xxxl", ...baseStyles, children: "64 x 80" }), _jsx(Flex, { backgroundColor: "blueberry300", display: "inline-flex", height: "xxxl", width: "xxxl", ...baseStyles, children: "80 x 80" })] }));

package/dist/es6/mdx/style-props/examples/Other.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-export declare const Other: () => React.JSX.Element;
+export declare const Other: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Other.d.ts.map

package/dist/es6/mdx/style-props/examples/Other.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Other.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Other.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,eAAO,MAAM,KAAK,yBA8BjB,CAAC"}
+{"version":3,"file":"Other.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Other.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,KAAK,+CA8BjB,CAAC"}

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from '@workday/canvas-kit-react/layout';
 import { colors } from '@workday/canvas-kit-react/tokens';
 const baseStyles = {
@@ -8,7 +8,4 @@ const baseStyles = {
     minHeight: 'xl',
     padding: 'xs',
 };
-export const Other = () => (React.createElement(Box, null,
-    React.createElement(Box, { backgroundColor: "cinnamon300", cursor: "grab", outline: `2px dashed ${colors.cinnamon300}`, outlineOffset: "2px", ...baseStyles }, "Cursor Grab"),
-    React.createElement(Box, { backgroundColor: "sourLemon300", cursor: "text", outline: `2px dashed ${colors.sourLemon300}`, outlineOffset: "2px", ...baseStyles }, "Cursor Text"),
-    React.createElement(Box, { backgroundColor: "blueberry300", cursor: "wait", outline: `2px dashed ${colors.blueberry300}`, outlineOffset: "2px", ...baseStyles }, "Cursor Wait")));
+export const Other = () => (_jsxs(Box, { children: [_jsx(Box, { backgroundColor: "cinnamon300", cursor: "grab", outline: `2px dashed ${colors.cinnamon300}`, outlineOffset: "2px", ...baseStyles, children: "Cursor Grab" }), _jsx(Box, { backgroundColor: "sourLemon300", cursor: "text", outline: `2px dashed ${colors.sourLemon300}`, outlineOffset: "2px", ...baseStyles, children: "Cursor Text" }), _jsx(Box, { backgroundColor: "blueberry300", cursor: "wait", outline: `2px dashed ${colors.blueberry300}`, outlineOffset: "2px", ...baseStyles, children: "Cursor Wait" })] }));

package/dist/es6/mdx/style-props/examples/Position.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-export declare const Position: () => React.JSX.Element;
+export declare const Position: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Position.d.ts.map

package/dist/es6/mdx/style-props/examples/Position.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Position.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Position.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,eAAO,MAAM,QAAQ,yBAsCpB,CAAC"}
+{"version":3,"file":"Position.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Position.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,QAAQ,+CAsCpB,CAAC"}

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

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

package/dist/es6/mdx/style-props/examples/Space.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-export declare const Space: () => React.JSX.Element;
+export declare const Space: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Space.d.ts.map

package/dist/es6/mdx/style-props/examples/Space.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Space.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Space.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,KAAK,yBAkBjB,CAAC"}
+{"version":3,"file":"Space.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Space.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,KAAK,+CAkBjB,CAAC"}

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

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

package/dist/es6/mdx/style-props/examples/Text.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-export declare const Text: () => React.JSX.Element;
+export declare const Text: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Text.d.ts.map

package/dist/es6/mdx/style-props/examples/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,IAAI,yBAYhB,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../mdx/style-props/examples/Text.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,+CAYhB,CAAC"}

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

@@ -1,6 +1,3 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from '@workday/canvas-kit-react/layout';
-export const Text = () => (React.createElement(Box, { padding: "m", border: "solid 4px", borderColor: "blueberry300", color: "blackPepper500" },
-    React.createElement(Box, { as: "h3", fontSize: "large", fontWeight: "bold", margin: "zero" }, "The Elements of Typographic Style"),
-    React.createElement(Box, { as: "p", fontSize: "medium", fontStyle: "italic" }, "\"Typography is the craft of endowing human language with a durable visual form.\""),
-    React.createElement(Box, { as: "span", fontSize: "small", fontWeight: "bold", color: "licorice300" }, "\u2015 Robert Bringhurst")));
+export const Text = () => (_jsxs(Box, { padding: "m", border: "solid 4px", borderColor: "blueberry300", color: "blackPepper500", children: [_jsx(Box, { as: "h3", fontSize: "large", fontWeight: "bold", margin: "zero", children: "The Elements of Typographic Style" }), _jsx(Box, { as: "p", fontSize: "medium", fontStyle: "italic", children: "\"Typography is the craft of endowing human language with a durable visual form.\"" }), _jsx(Box, { as: "span", fontSize: "small", fontWeight: "bold", color: "licorice300", children: "\u2015 Robert Bringhurst" })] }));

package/dist/es6/mdx/versionsTable.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-export declare const VersionTable: () => React.JSX.Element;
+export declare const VersionTable: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=versionsTable.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"versionsTable.d.ts","sourceRoot":"","sources":["../../../mdx/versionsTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA0C1B,eAAO,MAAM,YAAY,yBAmDxB,CAAC"}
+{"version":3,"file":"versionsTable.d.ts","sourceRoot":"","sources":["../../../mdx/versionsTable.tsx"],"names":[],"mappings":"AA0CA,eAAO,MAAM,YAAY,+CAmDxB,CAAC"}

package/dist/es6/mdx/versionsTable.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Table } from '@workday/canvas-kit-react';
 import { StatusIndicator } from '@workday/canvas-kit-preview-react';
@@ -48,25 +49,11 @@ export const VersionTable = () => {
         }
         setVersions(arr);
     }, []);
-    return (React.createElement(Table, null,
-        React.createElement(Table.Head, null,
-            React.createElement(Table.Row, null,
-                React.createElement(Table.Header, { scope: "col" }, "Version"),
-                React.createElement(Table.Header, { scope: "col" }, "Documentation"),
-                React.createElement(Table.Header, { scope: "col" }, "Status"))),
-        React.createElement(Table.Body, null, versions
-            .slice()
-            .reverse()
-            .map(item => {
-            const { label, variant } = getVersionStatusIndicator(item.versionNumber);
-            return (React.createElement(Table.Row, null,
-                React.createElement(Table.Cell, null,
-                    "v",
-                    item.versionNumber),
-                React.createElement(Table.Cell, null,
-                    React.createElement("a", { href: item.versionUrl, target: "_blank", rel: "noreferrer" }, "Documentation")),
-                React.createElement(Table.Cell, null,
-                    React.createElement(StatusIndicator, { variant: variant },
-                        React.createElement(StatusIndicator.Label, null, label)))));
-        }))));
+    return (_jsxs(Table, { children: [_jsx(Table.Head, { children: _jsxs(Table.Row, { children: [_jsx(Table.Header, { scope: "col", children: "Version" }), _jsx(Table.Header, { scope: "col", children: "Documentation" }), _jsx(Table.Header, { scope: "col", children: "Status" })] }) }), _jsx(Table.Body, { children: versions
+                    .slice()
+                    .reverse()
+                    .map(item => {
+                    const { label, variant } = getVersionStatusIndicator(item.versionNumber);
+                    return (_jsxs(Table.Row, { children: [_jsxs(Table.Cell, { children: ["v", item.versionNumber] }), _jsx(Table.Cell, { children: _jsx("a", { href: item.versionUrl, target: "_blank", rel: "noreferrer", children: "Documentation" }) }), _jsx(Table.Cell, { children: _jsx(StatusIndicator, { variant: variant, children: _jsx(StatusIndicator.Label, { children: label }) }) })] }));
+                }) })] }));
 };

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

@@ -1,3 +1,2 @@
-import React from 'react';
-export declare const WelcomePage: () => React.JSX.Element;
+export declare const WelcomePage: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=welcomePage.d.ts.map

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

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

package/dist/es6/mdx/welcomePage.js

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