@workday/canvas-kit-docs 16.0.0-alpha.0499-next.0 → 16.0.0

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

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

package/dist/es6/mdx/welcomePage.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @ts-ignore: Cannot find module error
-import { ExternalHyperlink, Hyperlink } from '@workday/canvas-kit-react/button';
-import { Card } from '@workday/canvas-kit-react/card';
-import { SystemIcon } from '@workday/canvas-kit-react/icon';
-import { Box, Flex, Grid } from '@workday/canvas-kit-react/layout';
-import { Heading, Text } from '@workday/canvas-kit-react/text';
-import { createStyles } from '@workday/canvas-kit-styling';
-import { fontEditIcon, rocketIcon, tokensIcon } from '@workday/canvas-system-icons-web';
-import { system } from '@workday/canvas-tokens-web';
-// @ts-ignore: Cannot find module error
-import { version } from '../../../lerna.json';
-import { InstallBlock } from './installBlock';
-import headerImage from './sana-canvas-header.jpg';
-const parentFlexStyles = createStyles({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: system.gap.md,
-    marginBlockEnd: system.gap.lg,
-});
-const bannerTextStyles = createStyles({
-    color: system.color.fg.inverse,
-    fontSize: '5vmin',
-    lineHeight: '5vmin',
-});
-const versionStyles = createStyles({
-    ...system.type.body.md,
-    marginInlineStart: system.gap.md,
-});
-const imageStyles = createStyles({
-    width: '100%',
-    height: 'auto',
-});
-const cardHeaderStyles = createStyles({
-    display: 'flex',
-    alignItems: 'center',
-    gap: system.gap.xs,
-});
-const cardStyles = createStyles({
-    height: '100%',
-});
-const cardBodyStyles = createStyles({
-    display: 'flex',
-    flex: 1,
-    flexDirection: 'column',
-});
-const linkStyles = createStyles({
-    marginBlockStart: 'auto',
-});
-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.gap.xs }, children: "Workday Design Principles." })] }), _jsx(Heading, { size: "medium", children: "Quick Links" }), _jsxs(Grid, { cs: {
-                        gridAutoColumns: 'auto',
-                        gridTemplateColumns: 'repeat(auto-fill, minmax(250px, 1fr))',
-                        gridGap: system.gap.sm,
-                        alignItems: 'stretch',
-                    }, children: [_jsxs(Card, { className: cardStyles, children: [_jsxs(Flex, { className: cardHeaderStyles, children: [_jsx(SystemIcon, { icon: rocketIcon, "aria-hidden": "true" }), _jsx(Card.Heading, { children: "Getting Started" })] }), _jsxs(Card.Body, { className: cardBodyStyles, children: [_jsx(Text, { children: "For all things getting started including helpful guides and docs." }), _jsx(Hyperlink, { className: linkStyles, href: "https://workday.github.io/canvas-kit/?path=/docs/guides-getting-started--docs", children: "Getting Started Guide" })] })] }), _jsxs(Card, { className: cardStyles, children: [_jsxs(Flex, { className: cardHeaderStyles, children: [_jsx(SystemIcon, { icon: tokensIcon, "aria-hidden": "true" }), _jsx(Card.Heading, { children: "Tokens" })] }), _jsxs(Card.Body, { className: cardBodyStyles, children: [_jsx(Text, { children: "Tokens are the smallest pieces of our Design System with the primary function of storing UI information." }), _jsx(ExternalHyperlink, { className: linkStyles, href: "https://workday.github.io/canvas-tokens/?path=/docs/docs-getting-started--docs", children: "View Our Tokens" })] })] }), _jsxs(Card, { className: cardStyles, children: [_jsxs(Flex, { className: cardHeaderStyles, children: [_jsx(SystemIcon, { icon: fontEditIcon, "aria-hidden": "true" }), _jsx(Card.Heading, { children: "Styling" })] }), _jsxs(Card.Body, { className: cardBodyStyles, children: [_jsx(Text, { children: "Learn how to style Canvas components using tokens, theming, and custom CSS approaches." }), _jsx(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" })] }) }));
-};