npm - @workday/canvas-kit-docs - Versions diffs - 13.0.0-alpha.998-next.0 → 13.0.1 - Mend

@workday/canvas-kit-docs 13.0.0-alpha.998-next.0 → 13.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (296) hide show

package/dist/es6/lib/stackblitzFiles/.eslintrc.cjs.txt ADDED Viewed

@@ -0,0 +1,15 @@
+module.exports = {
+  root: true,
+  env: {browser: true, es2020: true},
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': ['warn', {allowConstantExport: true}],
+  },
+};

package/dist/es6/lib/stackblitzFiles/App.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare const App: () => import("react/jsx-runtime").JSX.Element;
2	+ //# sourceMappingURL=App.d.ts.map

package/dist/es6/lib/stackblitzFiles/App.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../../../lib/stackblitzFiles/App.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,GAAG,+CAiBf,CAAC"}

package/dist/es6/lib/stackblitzFiles/App.js ADDED Viewed

@@ -0,0 +1,17 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { CanvasProvider, ContentDirection, useTheme, } from '@workday/canvas-kit-react/common';
+import { createStyles } from '@workday/canvas-kit-styling';
+import { Demo } from './Demo';
+import { system } from '@workday/canvas-tokens-web';
+const mainContentStyles = createStyles({
+    padding: system.space.x4,
+});
+export const App = () => {
+    // useTheme is filling in the Canvas theme object if any keys are missing
+    const canvasTheme = useTheme({
+        canvas: {
+            direction: ContentDirection.LTR,
+        },
+    });
+    return (_jsx(CanvasProvider, { theme: canvasTheme, children: _jsx(_Fragment, { children: _jsx("main", { className: mainContentStyles, children: _jsx(Demo, {}) }) }) }));
+};

package/dist/es6/lib/stackblitzFiles/App.tsx ADDED Viewed

@@ -0,0 +1,33 @@
+import {
+  CanvasProvider,
+  ContentDirection,
+  PartialEmotionCanvasTheme,
+  useTheme,
+} from '@workday/canvas-kit-react/common';
+import {createStyles} from '@workday/canvas-kit-styling';
+import {Demo} from './Demo';
+import {system} from '@workday/canvas-tokens-web';
+const mainContentStyles = createStyles({
+  padding: system.space.x4,
+});
+export const App = () => {
+  // useTheme is filling in the Canvas theme object if any keys are missing
+  const canvasTheme: PartialEmotionCanvasTheme = useTheme({
+    canvas: {
+      direction: ContentDirection.LTR,
+    },
+  });
+  return (
+    <CanvasProvider theme={canvasTheme}>
+      <>
+        <main className={mainContentStyles}>
+          <Demo />
+        </main>
+      </>
+    </CanvasProvider>
+  );
+};

package/dist/es6/lib/stackblitzFiles/Demo.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare const Demo: ({}: {}) => import("react/jsx-runtime").JSX.Element;
2	+ //# sourceMappingURL=Demo.d.ts.map

package/dist/es6/lib/stackblitzFiles/Demo.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Demo.d.ts","sourceRoot":"","sources":["../../../../lib/stackblitzFiles/Demo.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,qDAAsB,CAAC"}

package/dist/es6/lib/stackblitzFiles/Demo.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { jsx as _jsx } from "react/jsx-runtime";
2	+ export const Demo = ({}) => _jsx("div", {});

package/dist/es6/lib/stackblitzFiles/Demo.tsx ADDED Viewed

	@@ -0,0 +1 @@
1	+ export const Demo = ({}) => <div></div>;

package/dist/es6/lib/stackblitzFiles/index.html ADDED Viewed

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React + TS</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/dist/es6/lib/stackblitzFiles/main.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import '@workday/canvas-tokens-web/css/base/_variables.css';
+import '@workday/canvas-tokens-web/css/brand/_variables.css';
+import '@workday/canvas-tokens-web/css/system/_variables.css';
+//# sourceMappingURL=main.d.ts.map

package/dist/es6/lib/stackblitzFiles/main.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../../lib/stackblitzFiles/main.tsx"],"names":[],"mappings":"AAMA,OAAO,oDAAoD,CAAC;AAC5D,OAAO,qDAAqD,CAAC;AAC7D,OAAO,sDAAsD,CAAC"}

package/dist/es6/lib/stackblitzFiles/main.js ADDED Viewed

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createRoot } from 'react-dom/client';
+import { fonts } from '@workday/canvas-kit-react-fonts';
+import { system } from '@workday/canvas-tokens-web';
+import { cssVar, injectGlobal } from '@workday/canvas-kit-styling';
+import { App } from './App';
+import '@workday/canvas-tokens-web/css/base/_variables.css';
+import '@workday/canvas-tokens-web/css/brand/_variables.css';
+import '@workday/canvas-tokens-web/css/system/_variables.css';
+//@ts-ignore
+injectGlobal({
+    ...fonts,
+    'html, body': {
+        fontFamily: cssVar(system.fontFamily.default),
+        margin: 0,
+        minHeight: '100vh',
+    },
+    '#root, #root < div': {
+        minHeight: '100vh',
+        ...system.type.body.small,
+    },
+});
+const container = document.getElementById('root');
+const root = createRoot(container);
+root.render(_jsx(App, {}));

package/dist/es6/lib/stackblitzFiles/main.tsx ADDED Viewed

@@ -0,0 +1,27 @@
+import {createRoot} from 'react-dom/client';
+import {fonts} from '@workday/canvas-kit-react-fonts';
+import {system} from '@workday/canvas-tokens-web';
+import {cssVar, injectGlobal} from '@workday/canvas-kit-styling';
+import {App} from './App';
+import '@workday/canvas-tokens-web/css/base/_variables.css';
+import '@workday/canvas-tokens-web/css/brand/_variables.css';
+import '@workday/canvas-tokens-web/css/system/_variables.css';
+//@ts-ignore
+injectGlobal({
+  ...fonts,
+  'html, body': {
+    fontFamily: cssVar(system.fontFamily.default),
+    margin: 0,
+    minHeight: '100vh',
+  },
+  '#root, #root < div': {
+    minHeight: '100vh',
+    ...system.type.body.small,
+  },
+});
+const container = document.getElementById('root')!;
+const root = createRoot(container);
+root.render(<App />);

package/dist/es6/lib/stackblitzFiles/packageJSONFile.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare const packageJSONFile: string;
2	+ //# sourceMappingURL=packageJSONFile.d.ts.map

package/dist/es6/lib/stackblitzFiles/packageJSONFile.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"packageJSONFile.d.ts","sourceRoot":"","sources":["../../../../lib/stackblitzFiles/packageJSONFile.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,QAuC3B,CAAC"}

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

@@ -0,0 +1,42 @@
+// @ts-ignore: Cannot find module error
+export const packageJSONFile = `{
+  "name": "vite-react-typescript-starter",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "@emotion/css": "11.11.2",
+    "@emotion/react": "11.11.4",
+    "@types/react": "18.2.60",
+    "@types/react-dom": "18.2.19",
+    "@workday/canvas-kit-labs-react": "13.0.1",
+    "@workday/canvas-kit-preview-react": "13.0.1",
+    "@workday/canvas-kit-react": "13.0.1",
+    "@workday/canvas-kit-react-fonts": "^13.0.1",
+    "@workday/canvas-kit-styling": "13.0.1",
+    "@workday/canvas-system-icons-web": "3.0.22",
+    "@workday/canvas-tokens-web": "2.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.59",
+    "@types/react-dom": "^18.2.19",
+    "@typescript-eslint/eslint-plugin": "^7.1.0",
+    "@typescript-eslint/parser": "^7.1.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "typescript": "^5.2.2",
+    "vite": "^5.1.4"
+  }
+}
+`;

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

@@ -0,0 +1,42 @@
+// @ts-ignore: Cannot find module error
+export const packageJSONFile = `{
+  "name": "vite-react-typescript-starter",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "@emotion/css": "11.11.2",
+    "@emotion/react": "11.11.4",
+    "@types/react": "18.2.60",
+    "@types/react-dom": "18.2.19",
+    "@workday/canvas-kit-labs-react": "13.0.1",
+    "@workday/canvas-kit-preview-react": "13.0.1",
+    "@workday/canvas-kit-react": "13.0.1",
+    "@workday/canvas-kit-react-fonts": "^13.0.1",
+    "@workday/canvas-kit-styling": "13.0.1",
+    "@workday/canvas-system-icons-web": "3.0.22",
+    "@workday/canvas-tokens-web": "2.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.59",
+    "@types/react-dom": "^18.2.19",
+    "@typescript-eslint/eslint-plugin": "^7.1.0",
+    "@typescript-eslint/parser": "^7.1.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "typescript": "^5.2.2",
+    "vite": "^5.1.4"
+  }
+}
+`;

package/dist/es6/lib/stackblitzFiles/tsconfig.json ADDED Viewed

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "types": ["vite-env"],
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/dist/es6/lib/stackblitzFiles/tsconfig.node.json ADDED Viewed

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "strict": true
+  },
+  "include": ["vite.config.ts"]
+}

package/dist/es6/lib/stackblitzFiles/vite-env.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ /// <reference types="vite/client" />`

package/dist/es6/lib/stackblitzFiles/vite.config.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/// <reference path="../../../../lib/stackblitzFiles/types/custom-imports.d.ts" />
+declare const _default: any;
+export default _default;
+//# sourceMappingURL=vite.config.d.ts.map

package/dist/es6/lib/stackblitzFiles/vite.config.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["../../../../lib/stackblitzFiles/vite.config.ts"],"names":[],"mappings":";;AAOA,wBAEG"}

package/dist/es6/lib/stackblitzFiles/vite.config.js ADDED Viewed

@@ -0,0 +1,7 @@
+/// <reference path="./types/custom-imports.d.ts" />
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+// https://vitejs.dev/config/
+export default defineConfig({
+    plugins: [react()],
+});

package/dist/es6/lib/stackblitzFiles/vite.config.ts ADDED Viewed

@@ -0,0 +1,10 @@
+/// <reference path="./types/custom-imports.d.ts" />
+import {defineConfig} from 'vite';
+import react from '@vitejs/plugin-react';
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+});

package/dist/es6/lib/widgetUtils.d.ts CHANGED Viewed

@@ -27,11 +27,11 @@ interface HeadingProps {
  * relative heading levels.
  */
 export declare const Heading: import("@workday/canvas-kit-react/common").ElementComponent<"h4", HeadingProps>;
-export declare function renderTypeParameters(typeParameters?: types.TypeParameter[]): "" | React.JSX.Element;
+export declare function renderTypeParameters(typeParameters?: types.TypeParameter[]): "" | import("react/jsx-runtime").JSX.Element;
 export interface SymbolDialogProps {
     value: types.SymbolValue;
 }
-export declare const SymbolDialog: ({ value }: SymbolDialogProps) => React.JSX.Element;
+export declare const SymbolDialog: ({ value }: SymbolDialogProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useDoc: (criteria: ValueDocProps) => types.ExportedSymbol<types.Value> | undefined;
 export interface ValueDocProps {
     name: string;
@@ -41,11 +41,11 @@ export interface ValueDocProps {
  * Renders the `<Value>` of a exported symbol without any wrapper. This should be used when nesting
  * inside a `<SymbolDoc>` component.
  */
-export declare const SymbolValue: (props: ValueDocProps) => React.JSX.Element;
+export declare const SymbolValue: (props: ValueDocProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Renders just the description of an exported symbol.
  */
-export declare const SymbolDescription: (props: ValueDocProps) => React.JSX.Element | null;
+export declare const SymbolDescription: (props: ValueDocProps) => import("react/jsx-runtime").JSX.Element | null;
 export interface SymbolDocProps extends ValueDocProps, StyledType {
     /**
      * `SymbolDoc` can support heading levels inside widgets. The `headingStart` determines the
@@ -76,6 +76,6 @@ export interface SymbolDocProps extends ValueDocProps, StyledType {
  * Renders an exported symbol as a doc object. This will render JSDoc tags, description and setup
  * rendering contexts for headers.
  */
-export declare const SymbolDoc: ({ name, fileName, headingStart, hideDescription, hideHeading, descriptionOverride, meta, ...elemProps }: SymbolDocProps) => React.JSX.Element;
+export declare const SymbolDoc: ({ name, fileName, headingStart, hideDescription, hideHeading, descriptionOverride, meta, ...elemProps }: SymbolDocProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=widgetUtils.d.ts.map

package/dist/es6/lib/widgetUtils.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"widgetUtils.d.ts","sourceRoot":"","sources":["../../../lib/widgetUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAkB,UAAU,EAAC,MAAM,kCAAkC,CAAC;AAS7E,OAAO,KAAK,KAAK,MAAM,oBAAoB,CAAC;AAc5C,yFAAyF;AACzF,eAAO,MAAM,aAAa,mCAAmD,CAAC;AAC9E;;;GAGG;AACH,eAAO,MAAM,mBAAmB,uBAAyB,CAAC;AAE1D;;GAEG;AACH,eAAO,MAAM,kBAAkB,uBAAyB,CAAC;AAEzD;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,UAEnC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,UAEvC;AAED,UAAU,YAAY;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AACD;;;GAGG;AACH,eAAO,MAAM,OAAO,iFAOlB,CAAC;AAEH,wBAAgB,oBAAoB,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,~~0BAiB1E~~;AAID,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY,cAAa,iBAAiB,~~sBAkItD~~,CAAC;AAsEF,eAAO,MAAM,MAAM,aAAc,aAAa,kDAK7C,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,UAAW,aAAa,~~sBAI~~/C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,UAAW,aAAa,~~6BAIrD~~,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,aAAa,EAAE,UAAU;IAC/D;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,4GASnB,cAAc,~~sBAsDhB~~,CAAC"}
1	+ {"version":3,"file":"widgetUtils.d.ts","sourceRoot":"","sources":["../../../lib/widgetUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAkB,UAAU,EAAC,MAAM,kCAAkC,CAAC;AAS7E,OAAO,KAAK,KAAK,MAAM,oBAAoB,CAAC;AAc5C,yFAAyF;AACzF,eAAO,MAAM,aAAa,mCAAmD,CAAC;AAC9E;;;GAGG;AACH,eAAO,MAAM,mBAAmB,uBAAyB,CAAC;AAE1D;;GAEG;AACH,eAAO,MAAM,kBAAkB,uBAAyB,CAAC;AAEzD;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,UAEnC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,UAEvC;AAED,UAAU,YAAY;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AACD;;;GAGG;AACH,eAAO,MAAM,OAAO,iFAOlB,CAAC;AAEH,wBAAgB,oBAAoB,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,gDAiB1E;AAID,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY,cAAa,iBAAiB,4CAkItD,CAAC;AAsEF,eAAO,MAAM,MAAM,aAAc,aAAa,kDAK7C,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,UAAW,aAAa,4CAI/C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,UAAW,aAAa,mDAIrD,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,aAAa,EAAE,UAAU;IAC/D;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,4GASnB,cAAc,4CAsDhB,CAAC"}

package/dist/es6/lib/widgetUtils.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
 import styled from '@emotion/styled';
 import { createComponent } from '@workday/canvas-kit-react/common';
@@ -47,18 +48,13 @@ export const Heading = createComponent('h4')({
     Component({ headingOffset = 0, ...elemProps }) {
         const headingLevel = React.useContext(HeadingLevelContext);
         const as = `h${headingLevel + headingOffset}`; // Make Typescript happy
-        return React.createElement(MDX, { as: as, ...elemProps });
+        return _jsx(MDX, { as: as, ...elemProps });
     },
 });
 export function renderTypeParameters(typeParameters) {
-    return typeParameters && typeParameters.length ? (React.createElement(RenderContext.Provider, { value: "inline" },
-        React.createElement("span", null, "<"),
-        typeParameters.map((p, index) => {
-            return (React.createElement(React.Fragment, { key: index },
-                index !== 0 && React.createElement("span", { className: "token punctuation" }, ", "),
-                React.createElement(Value, { value: p })));
-        }),
-        React.createElement("span", null, ">"))) : ('');
+    return typeParameters && typeParameters.length ? (_jsxs(RenderContext.Provider, { value: "inline", children: [_jsx("span", { children: "<" }), typeParameters.map((p, index) => {
+                return (_jsxs(React.Fragment, { children: [index !== 0 && _jsx("span", { className: "token punctuation", children: ", " }), _jsx(Value, { value: p })] }, index));
+            }), _jsx("span", { children: ">" })] })) : ('');
 }
 const ButtonHyperLink = Hyperlink.as('button');
 export const SymbolDialog = ({ value }) => {
@@ -89,41 +85,23 @@ export const SymbolDialog = ({ value }) => {
     };
     // If we're inside a nested context, we render a Hyperlink. This button will update the dialog instead of rendering a new one.
     if (nestedContext) {
-        return (React.createElement(ButtonHyperLink, { style: {
+        return (_jsx(ButtonHyperLink, { style: {
                 border: 'none',
                 background: 'transparent',
                 fontSize: 'inherit',
                 fontFamily: 'inherit',
-            }, onClick: handleTargetClick }, value.displayName || value.name));
+            }, onClick: handleTargetClick, children: value.displayName || value.name }));
     }
-    return (React.createElement(NestedContext.Provider, { value: true },
-        React.createElement(Dialog, { model: model },
-            React.createElement(Dialog.Target, { as: ButtonHyperLink, className: "token symbol", onClick: handleTargetClick, style: {
-                    border: 'none',
-                    background: 'transparent',
-                    fontSize: 'inherit',
-                    fontFamily: 'inherit',
-                }, "aria-haspopup": "true" }, value.displayName || value.name),
-            renderTypeParameters(value.typeParameters),
-            React.createElement(Dialog.Popper, null,
-                React.createElement(Dialog.Card, { maxHeight: "50vh", maxWidth: "90vh", minWidth: '600px' },
-                    React.createElement(Dialog.CloseIcon, null),
-                    React.createElement(Dialog.Heading, null,
-                        value.name,
-                        " "),
-                    breadcrumbsList.length > 1 && (React.createElement(Breadcrumbs, { "aria-label": "Breadcrumbs" },
-                        React.createElement(Breadcrumbs.List, { paddingX: "xxs" }, breadcrumbsList.map((item, index) => {
-                            return (React.createElement(React.Fragment, null, index === breadcrumbsList.length - 1 ? (React.createElement(Breadcrumbs.CurrentItem, { key: index }, item)) : (React.createElement(Breadcrumbs.Item, { key: index },
-                                React.createElement(Breadcrumbs.Link, { onClick: e => handleBreadcrumbClick(e, index), href: '#' }, item)))));
-                        })))),
-                    React.createElement(Dialog.Body, null,
-                        React.createElement(RenderContext.Provider, { value: "table" },
-                            React.createElement(IndentLevelContext.Provider, { value: 0 }, symbol ? (React.createElement(SymbolDoc, { name: breadcrumbsList.length >= 1
-                                    ? breadcrumbsList[breadcrumbsList.length - 1]
-                                    : value.name, headingStart: 3, hideHeading: true })) : (React.createElement(React.Fragment, null,
-                                React.createElement("p", null, "Basic type information:"),
-                                React.createElement("pre", null,
-                                    React.createElement("code", null, value.name))))))))))));
+    return (_jsx(NestedContext.Provider, { value: true, children: _jsxs(Dialog, { model: model, children: [_jsx(Dialog.Target, { as: ButtonHyperLink, className: "token symbol", onClick: handleTargetClick, style: {
+                        border: 'none',
+                        background: 'transparent',
+                        fontSize: 'inherit',
+                        fontFamily: 'inherit',
+                    }, "aria-haspopup": "true", children: value.displayName || value.name }), renderTypeParameters(value.typeParameters), _jsx(Dialog.Popper, { children: _jsxs(Dialog.Card, { maxHeight: "50vh", maxWidth: "90vh", minWidth: '600px', children: [_jsx(Dialog.CloseIcon, {}), _jsxs(Dialog.Heading, { children: [value.name, " "] }), breadcrumbsList.length > 1 && (_jsx(Breadcrumbs, { "aria-label": "Breadcrumbs", children: _jsx(Breadcrumbs.List, { paddingX: "xxs", children: breadcrumbsList.map((item, index) => {
+                                        return (_jsx(_Fragment, { children: index === breadcrumbsList.length - 1 ? (_jsx(Breadcrumbs.CurrentItem, { children: item }, index)) : (_jsx(Breadcrumbs.Item, { children: _jsx(Breadcrumbs.Link, { onClick: e => handleBreadcrumbClick(e, index), href: '#', children: item }) }, index)) }));
+                                    }) }) })), _jsx(Dialog.Body, { children: _jsx(RenderContext.Provider, { value: "table", children: _jsx(IndentLevelContext.Provider, { value: 0, children: symbol ? (_jsx(SymbolDoc, { name: breadcrumbsList.length >= 1
+                                                ? breadcrumbsList[breadcrumbsList.length - 1]
+                                                : value.name, headingStart: 3, hideHeading: true })) : (_jsxs(_Fragment, { children: [_jsx("p", { children: "Basic type information:" }), _jsx("pre", { children: _jsx("code", { children: value.name }) })] })) }) }) })] }) })] }) }));
 };
 function createColor(color) {
     return {
@@ -161,15 +139,12 @@ const StyledSymbolDoc = styled('div')({
 function getSymbolDocChildren(doc, meta, name) {
     if (!doc) {
         // We're within  a symbol doc context, but there's no information, so we still want to render the basic type information
-        return (React.createElement(React.Fragment, null,
-            React.createElement("p", null, "Basic type information:"),
-            React.createElement("pre", null,
-                React.createElement("code", null, name))));
+        return (_jsxs(_Fragment, { children: [_jsx("p", { children: "Basic type information:" }), _jsx("pre", { children: _jsx("code", { children: name }) })] }));
     }
     if (doc && doc.type) {
-        return React.createElement(Value, { value: doc.type, doc: doc, meta: meta });
+        return _jsx(Value, { value: doc.type, doc: doc, meta: meta });
     }
-    return React.createElement("div", null, "Not found");
+    return _jsx("div", { children: "Not found" });
 }
 function findDoc({ name, fileName }) {
     const doc = (docs || []).find(d => {
@@ -198,7 +173,7 @@ export const SymbolValue = (props) => {
  */
 export const SymbolDescription = (props) => {
     const doc = useDoc(props);
-    return doc ? React.createElement(MdxJSToJSX, null, doc.description) : null;
+    return doc ? _jsx(MdxJSToJSX, { children: doc.description }) : null;
 };
 /**
  * Renders an exported symbol as a doc object. This will render JSDoc tags, description and setup
@@ -232,15 +207,11 @@ export const SymbolDoc = ({ name, fileName, headingStart = 3, hideDescription =
         'function',
         'callExpression',
     ].includes((doc === null || doc === void 0 ? void 0 : doc.type.kind) || 'notFound');
-    const contents = requiresCodeWrapper ? (React.createElement("code", { style: { display: 'block' } }, children)) : (children);
-    const symbolDocContents = (React.createElement(StyledSymbolDoc, { ...elemProps },
-        React.createElement(HeadingLevelContext.Provider, { value: headingStart },
-            !hideHeading && React.createElement(Heading, { id: `${name.toLowerCase()}-api` }, name),
-            !hideDescription && doc && (React.createElement(MdxJSToJSX, null, descriptionOverride || doc.description)),
-            contents)));
-    return symbolDocBreadcrumb === undefined ? (React.createElement(SymbolDocWrapper, null, symbolDocContents)) : (symbolDocContents);
+    const contents = requiresCodeWrapper ? (_jsx("code", { style: { display: 'block' }, children: children })) : (children);
+    const symbolDocContents = (_jsx(StyledSymbolDoc, { ...elemProps, children: _jsxs(HeadingLevelContext.Provider, { value: headingStart, children: [!hideHeading && _jsx(Heading, { id: `${name.toLowerCase()}-api`, children: name }), !hideDescription && doc && (_jsx(MdxJSToJSX, { children: descriptionOverride || doc.description })), contents] }) }));
+    return symbolDocBreadcrumb === undefined ? (_jsx(SymbolDocWrapper, { children: symbolDocContents })) : (symbolDocContents);
 };
 const SymbolDocWrapper = ({ children }) => {
     const [breadcrumbsList, updateBreadcrumbs] = React.useState([]);
-    return (React.createElement(SymbolDocBreadcrumbsContext.Provider, { value: { breadcrumbsList, updateBreadcrumbs } }, children));
+    return (_jsx(SymbolDocBreadcrumbsContext.Provider, { value: { breadcrumbsList, updateBreadcrumbs }, children: children }));
 };

package/dist/es6/lib/widgets/array.js CHANGED Viewed

@@ -1,8 +1,6 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { registerWidget, Value } from '../Value';
 import { RenderContext } from '../widgetUtils';
 registerWidget('array', ({ value }) => {
-    return (React.createElement(RenderContext.Provider, { value: "inline" },
-        React.createElement(Value, { value: value.value }),
-        React.createElement("span", { className: "token punctuation" }, "[]")));
+    return (_jsxs(RenderContext.Provider, { value: "inline", children: [_jsx(Value, { value: value.value }), _jsx("span", { className: "token punctuation", children: "[]" })] }));
 });

package/dist/es6/lib/widgets/callExpression.js CHANGED Viewed

@@ -1,20 +1,8 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { registerWidget, Value } from '../Value';
 import { IndentLevelContext, indent } from '../widgetUtils';
 registerWidget('callExpression', ({ value }) => {
     const level = React.useContext(IndentLevelContext);
-    return (React.createElement(React.Fragment, null,
-        value.name && React.createElement(Value, { value: value.name }),
-        React.createElement("span", { className: "token punctuation" }, "("),
-        React.createElement(React.Fragment, null, value.parameters.map((p, index) => (React.createElement(React.Fragment, { key: index },
-            index !== 0 && React.createElement("span", { className: "token punctuation" }, ", "),
-            value.parameters.length > 1 && (React.createElement(React.Fragment, null,
-                React.createElement("br", null),
-                indent(level + 1))),
-            value.parameters.length > 1 ? (React.createElement(IndentLevelContext.Provider, { value: level + 1 },
-                React.createElement(Value, { value: p }))) : (React.createElement(Value, { value: p })),
-            index === value.parameters.length - 1 && index > 0 && (React.createElement(React.Fragment, null,
-                React.createElement("br", null),
-                indent(level))))))),
-        React.createElement("span", { className: "token punctuation" }, ")")));
+    return (_jsxs(_Fragment, { children: [value.name && _jsx(Value, { value: value.name }), _jsx("span", { className: "token punctuation", children: "(" }), _jsx(_Fragment, { children: value.parameters.map((p, index) => (_jsxs(React.Fragment, { children: [index !== 0 && _jsx("span", { className: "token punctuation", children: ", " }), value.parameters.length > 1 && (_jsxs(_Fragment, { children: [_jsx("br", {}), indent(level + 1)] })), value.parameters.length > 1 ? (_jsx(IndentLevelContext.Provider, { value: level + 1, children: _jsx(Value, { value: p }) })) : (_jsx(Value, { value: p })), index === value.parameters.length - 1 && index > 0 && (_jsxs(_Fragment, { children: [_jsx("br", {}), indent(level)] }))] }, index))) }), _jsx("span", { className: "token punctuation", children: ")" })] }));
 });

package/dist/es6/lib/widgets/canvasColor.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { colors } from '@workday/canvas-kit-react/tokens';
 import { ColorPicker } from '@workday/canvas-kit-preview-react/color-picker';
 import { registerWidget } from '../Value';
 registerWidget('canvasColor', () => {
-    return (React.createElement(ColorPicker, { style: { width: 170 }, colorSet: Object.values(colors), onColorChange: () => { } }));
+    return (_jsx(ColorPicker, { style: { width: 170 }, colorSet: Object.values(colors), onColorChange: () => { } }));
 });

package/dist/es6/lib/widgets/component.js CHANGED Viewed

@@ -1,9 +1,7 @@
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { PropertiesTable, registerWidget } from '../Value';
 import { Heading } from '../widgetUtils';
 registerWidget('component', ({ value, doc, meta }) => {
     var _a;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Heading, { id: `${(_a = value.displayName) === null || _a === void 0 ? void 0 : _a.toLowerCase()}-props-api`, headingOffset: 1 }, "Props"),
-        React.createElement(PropertiesTable, { properties: value.props })));
+    return (_jsxs(_Fragment, { children: [_jsx(Heading, { id: `${(_a = value.displayName) === null || _a === void 0 ? void 0 : _a.toLowerCase()}-props-api`, headingOffset: 1, children: "Props" }), _jsx(PropertiesTable, { properties: value.props })] }));
 });

package/dist/es6/lib/widgets/conditional.js CHANGED Viewed

@@ -1,15 +1,5 @@
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { registerWidget, Value } from '../Value';
 registerWidget('conditional', ({ value }) => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Value, { value: value.check }),
-        " ",
-        React.createElement("span", { className: "token keyword" }, "extends"),
-        ' ',
-        React.createElement(Value, { value: value.extends }),
-        " ? ",
-        React.createElement(Value, { value: value.trueType }),
-        " :",
-        ' ',
-        React.createElement(Value, { value: value.falseType })));
+    return (_jsxs(_Fragment, { children: [_jsx(Value, { value: value.check }), " ", _jsx("span", { className: "token keyword", children: "extends" }), ' ', _jsx(Value, { value: value.extends }), " ? ", _jsx(Value, { value: value.trueType }), " :", ' ', _jsx(Value, { value: value.falseType })] }));
 });