@workday/canvas-kit-docs 14.0.0-alpha.1251-next.0 → 14.0.0-alpha.1253-next.0

package/dist/es6/lib/docs.js

@@ -193551,9 +193551,204 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
       ],
       "members": [],
       "returnType": {
-        "kind": "symbol",
-        "name": "CompatibleCSSObject",
-        "value": "CompatibleCSSObject"
+        "kind": "union",
+        "value": [
+          {
+            "kind": "object",
+            "properties": [
+              {
+                "kind": "property",
+                "name": "borderColor",
+                "required": false,
+                "type": {
+                  "kind": "primitive",
+                  "value": "undefined"
+                },
+                "description": "",
+                "tags": {},
+                "declarations": []
+              },
+              {
+                "kind": "property",
+                "name": "transition",
+                "required": false,
+                "type": {
+                  "kind": "primitive",
+                  "value": "undefined"
+                },
+                "description": "",
+                "tags": {},
+                "declarations": []
+              },
+              {
+                "kind": "property",
+                "name": "boxShadow",
+                "required": false,
+                "type": {
+                  "kind": "primitive",
+                  "value": "undefined"
+                },
+                "description": "",
+                "tags": {},
+                "declarations": []
+              },
+              {
+                "kind": "property",
+                "name": "&:hover, &:disabled, &.hover, &.disabled",
+                "required": false,
+                "type": {
+                  "kind": "primitive",
+                  "value": "undefined"
+                },
+                "description": "",
+                "tags": {},
+                "declarations": []
+              },
+              {
+                "kind": "property",
+                "name": "&:focus-visible:not([disabled]), &.focus:not([disabled])",
+                "required": false,
+                "type": {
+                  "kind": "primitive",
+                  "value": "undefined"
+                },
+                "description": "",
+                "tags": {},
+                "declarations": []
+              }
+            ]
+          },
+          {
+            "kind": "object",
+            "properties": [
+              {
+                "kind": "property",
+                "name": "borderColor",
+                "required": true,
+                "type": {
+                  "kind": "union",
+                  "value": [
+                    {
+                      "kind": "primitive",
+                      "value": "string"
+                    },
+                    {
+                      "kind": "primitive",
+                      "value": "undefined"
+                    }
+                  ]
+                },
+                "description": "",
+                "tags": {},
+                "declarations": []
+              },
+              {
+                "kind": "property",
+                "name": "transition",
+                "required": true,
+                "type": {
+                  "kind": "primitive",
+                  "value": "string"
+                },
+                "description": "",
+                "tags": {},
+                "declarations": []
+              },
+              {
+                "kind": "property",
+                "name": "boxShadow",
+                "required": true,
+                "type": {
+                  "kind": "primitive",
+                  "value": "string"
+                },
+                "description": "",
+                "tags": {},
+                "declarations": []
+              },
+              {
+                "kind": "property",
+                "name": "&:hover, &:disabled, &.hover, &.disabled",
+                "required": true,
+                "type": {
+                  "kind": "object",
+                  "properties": [
+                    {
+                      "kind": "property",
+                      "name": "borderColor",
+                      "required": true,
+                      "type": {
+                        "kind": "union",
+                        "value": [
+                          {
+                            "kind": "primitive",
+                            "value": "string"
+                          },
+                          {
+                            "kind": "primitive",
+                            "value": "undefined"
+                          }
+                        ]
+                      },
+                      "description": "",
+                      "tags": {},
+                      "declarations": []
+                    }
+                  ]
+                },
+                "description": "",
+                "tags": {},
+                "declarations": []
+              },
+              {
+                "kind": "property",
+                "name": "&:focus-visible:not([disabled]), &.focus:not([disabled])",
+                "required": true,
+                "type": {
+                  "kind": "object",
+                  "properties": [
+                    {
+                      "kind": "property",
+                      "name": "borderColor",
+                      "required": true,
+                      "type": {
+                        "kind": "union",
+                        "value": [
+                          {
+                            "kind": "primitive",
+                            "value": "string"
+                          },
+                          {
+                            "kind": "primitive",
+                            "value": "undefined"
+                          }
+                        ]
+                      },
+                      "description": "",
+                      "tags": {},
+                      "declarations": []
+                    },
+                    {
+                      "kind": "property",
+                      "name": "boxShadow",
+                      "required": true,
+                      "type": {
+                        "kind": "primitive",
+                        "value": "string"
+                      },
+                      "description": "",
+                      "tags": {},
+                      "declarations": []
+                    }
+                  ]
+                },
+                "description": "",
+                "tags": {},
+                "declarations": []
+              }
+            ]
+          }
+        ]
       }
     }
   },
@@ -193706,24 +193901,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
             }
           ],
           "tags": {}
-        },
-        {
-          "kind": "parameter",
-          "name": "theme",
-          "type": {
-            "kind": "primitive",
-            "value": "any"
-          },
-          "required": false,
-          "rest": false,
-          "description": "",
-          "declarations": [
-            {
-              "name": "theme",
-              "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/styles/focusRing.ts"
-            }
-          ],
-          "tags": {}
         }
       ],
       "members": [],

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

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

package/dist/es6/mdx/welcomePage.js

@@ -1,15 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // @ts-ignore: Cannot find module error
 import headerImage from './ck-banner.jpg';
+// @ts-ignore: Cannot find module error
+import componentsImage from './Components.png';
+// @ts-ignore: Cannot find module error
+import tokensImage from './Tokens.png';
+// @ts-ignore: Cannot find module error
+import stylingImage from './Styling.png';
 import { Flex, Grid, Box } from '@workday/canvas-kit-react/layout';
 import { InstallBlock } from './installBlock';
 import { Text, Heading } from '@workday/canvas-kit-react/text';
 import { Card } from '@workday/canvas-kit-react/card';
 import { ExternalHyperlink, Hyperlink } from '@workday/canvas-kit-react/button';
-import { rocketIcon, tokensIcon, shapesIcon } from '@workday/canvas-system-icons-web';
-import { SystemIcon } from '@workday/canvas-kit-react/icon';
-import { system, base } from '@workday/canvas-tokens-web';
+import { system } from '@workday/canvas-tokens-web';
 import { createStyles } from '@workday/canvas-kit-styling';
+import { Graphic } from '@workday/canvas-kit-react/icon';
 // @ts-ignore: Cannot find module error
 import { version } from '../../../lerna.json';
 const parentFlexStyles = createStyles({
@@ -32,7 +37,7 @@ const imageStyles = createStyles({
     height: 'auto',
 });
 const gridStyles = createStyles({
-    maxHeight: 320,
+    maxHeight: 400,
     gridTemplateRows: '1fr 1fr 2fr 1fr',
     display: 'grid',
 });
@@ -41,5 +46,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: [_jsx("img", { src: headerImage, alt: "banner with canvas kit logo and version", className: imageStyles }), _jsx(Flex, { cs: { flexDirection: 'row', position: 'absolute', top: '45%', right: '5%' }, children: _jsxs(Text, { typeLevel: "title.medium", cs: [bannerTextStyles, versionStyles], children: ["v", version] }) })] }), _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", cs: { marginInlineStart: system.space.x1 }, children: "Workday Design Principles." })] }), _jsx(Heading, { size: "medium", 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.magenta600, 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.red300, icon: tokensIcon, 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: ExternalHyperlink, className: linkStyles, href: "https://workday.github.io/canvas-tokens/?path=/docs/docs-getting-started--docs", children: "View Our Tokens" })] }), _jsxs(Grid, { as: Card, className: gridStyles, children: [_jsx(SystemIcon, { color: base.teal500, icon: shapesIcon, size: 60 }), _jsx(Card.Heading, { children: "Styling" }), _jsx(Card.Body, { children: _jsx(Text, { children: "Learn how to style Canvas components using tokens, theming, and custom CSS approaches." }) }), _jsx(Grid.Item, { as: Hyperlink, className: linkStyles, href: "https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs", children: "Get Started" })] })] }), _jsx(Heading, { size: "medium", 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" })] }) }));
+    return (_jsx("div", { className: "sb-unstyled", children: _jsxs("div", { className: parentFlexStyles, children: [_jsxs(Box, { cs: { overflow: 'hidden', position: 'relative' }, children: [_jsx("img", { src: headerImage, alt: "banner with canvas kit logo and version", className: imageStyles }), _jsx(Flex, { cs: { flexDirection: 'row', position: 'absolute', top: '45%', right: '5%' }, children: _jsxs(Text, { typeLevel: "title.medium", cs: [bannerTextStyles, versionStyles], children: ["v", version] }) })] }), _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", cs: { marginInlineStart: system.space.x1 }, children: "Workday Design Principles." })] }), _jsx(Heading, { size: "medium", 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(Graphic, { src: { url: componentsImage } }), _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(Graphic, { src: { url: tokensImage } }), _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: ExternalHyperlink, className: linkStyles, href: "https://workday.github.io/canvas-tokens/?path=/docs/docs-getting-started--docs", children: "View Our Tokens" })] }), _jsxs(Grid, { as: Card, className: gridStyles, children: [_jsx(Graphic, { src: { url: stylingImage } }), _jsx(Card.Heading, { children: "Styling" }), _jsx(Card.Body, { children: _jsx(Text, { children: "Learn how to style Canvas components using tokens, theming, and custom CSS approaches." }) }), _jsx(Grid.Item, { as: Hyperlink, className: linkStyles, href: "https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs", children: "Get Started" })] })] }), _jsx(Heading, { size: "medium", 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" })] }) }));
 };