@workday/canvas-kit-docs 12.0.0-alpha.855-next.0 → 12.0.0-alpha.898-next.0

package/dist/mdx/preview-react/form-field/examples/Required.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import {TextInput} from '@workday/canvas-kit-react/text-input';
-import {FormField} from '@workday/canvas-kit-preview-react/form-field';
-
-export default () => {
-  const [value, setValue] = React.useState('');
-
-  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    setValue(event.target.value);
-  };
-
-  return (
-    <FormField isRequired={true}>
-      <FormField.Label>Email</FormField.Label>
-      <FormField.Input
-        as={TextInput}
-        placeholder="your@gmail.com"
-        onChange={handleChange}
-        value={value}
-      />
-    </FormField>
-  );
-};

package/dist/mdx/react/_examples/CookieBanner.mdx

@@ -1,8 +0,0 @@
-import Basic from './examples/CookieBanner';
-
-
-# Canvas Kit Examples
-
-## CookieBanner
-
-<ExampleCodeBlock code={Basic} />

package/dist/mdx/react/_examples/GlobalHeader.mdx

@@ -1,12 +0,0 @@
-import Basic from './examples/GlobalHeader';
-
-
-# Canvas Kit Examples
-
-## GlobalHeader
-
-Developers building internal Workday applications will likely not need to create this component.
-However, if you're building components to be used outside of Workday, this is a helpful reference
-for building a global navigation header that looks like our internal `GlobalHeader`.
-
-<ExampleCodeBlock code={Basic} />

package/dist/mdx/react/_examples/PageHeader.mdx

@@ -1,8 +0,0 @@
-import Basic from './examples/PageHeader';
-
-
-# Canvas Kit Examples
-
-## PageHeader
-
-<ExampleCodeBlock code={Basic} />

package/dist/mdx/react/form-field/examples/AlertLabel.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import {FormField} from '@workday/canvas-kit-react/form-field';
-import {TextInput} from '@workday/canvas-kit-react/text-input';
-
-export default () => {
-  const [value, setValue] = React.useState('invalid@email');
-
-  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    setValue(event.target.value);
-  };
-
-  return (
-    <FormField
-      alertLabel="Warning"
-      error={FormField.ErrorType.Alert}
-      hintId="hint-alert"
-      hintText="Please enter a valid email."
-      label="Email"
-    >
-      <TextInput onChange={handleChange} value={value} />
-    </FormField>
-  );
-};

package/dist/mdx/react/form-field/examples/CustomInputId.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-import {FormField} from '@workday/canvas-kit-react/form-field';
-import {TextInput} from '@workday/canvas-kit-react/text-input';
-
-export default () => {
-  const [value, setValue] = React.useState('');
-
-  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    setValue(event.target.value);
-  };
-
-  return (
-    <FormField inputId="my-email-field" label="Email">
-      <TextInput onChange={handleChange} value={value} />
-    </FormField>
-  );
-};

package/dist/mdx/react/form-field/examples/ErrorLabel.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import {FormField} from '@workday/canvas-kit-react/form-field';
-import {TextInput} from '@workday/canvas-kit-react/text-input';
-
-export default () => {
-  const [value, setValue] = React.useState('invalid@email');
-
-  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    setValue(event.target.value);
-  };
-
-  return (
-    <FormField
-      error={FormField.ErrorType.Error}
-      errorLabel="Issue"
-      hintId="hint-error"
-      hintText="Please enter a valid email."
-      label="Email"
-    >
-      <TextInput onChange={handleChange} value={value} />
-    </FormField>
-  );
-};

package/dist/mdx/react/form-field/examples/GroupingInputs.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import {FormField} from '@workday/canvas-kit-react/form-field';
-import {Radio, RadioGroup} from '@workday/canvas-kit-react/radio';
-
-export default () => {
-  const [value, setValue] = React.useState<string | number>('deep-dish');
-
-  const handleChange = (value: string | number) => {
-    setValue(value);
-  };
-
-  return (
-    <FormField label="Choose your pizza crust" useFieldset={true}>
-      <RadioGroup name="crust" onChange={handleChange} value={value}>
-        <Radio label="Deep dish" value="deep-dish" />
-        <Radio label="Thin" value="thin" />
-        <Radio label="Gluten free" value="gluten-free" />
-        <Radio label="Cauliflower" value="cauliflower" />
-      </RadioGroup>
-    </FormField>
-  );
-};

package/dist/mdx/react/form-field/examples/LabelPosition.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-import {FormField} from '@workday/canvas-kit-react/form-field';
-import {TextInput} from '@workday/canvas-kit-react/text-input';
-
-export default () => {
-  const [value, setValue] = React.useState('');
-
-  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    setValue(event.target.value);
-  };
-
-  return (
-    <FormField label="Email" labelPosition={FormField.LabelPosition.Left}>
-      <TextInput onChange={handleChange} value={value} />
-    </FormField>
-  );
-};

package/dist/mdx/welcome.stories.mdx

@@ -1,35 +0,0 @@
-import Readme from '../../../README.md';
-import Markdown from '../../../utils/storybook/Markdown.tsx';
-import {WelcomePage} from './welcomePage';
-import {InstallBlock} from './installBlock';
-import {version} from '../../../lerna.json';
-
-<Meta
-  title="Welcome"
-  parameters={{
-    viewMode: 'docs',
-    previewTabs: {
-      canvas: {hidden: true},
-    },
-  }}
-/>
-
-<WelcomePage />
-
-After installing Canvas Kit, you need to set up the CanvasProvider at the root of your application.
-This can be either in your `index.jsx`,`index.tsx` or `App.jsx` depending on the framework you use.
-This ensures proper styling, theming, and focus behavior on our components.
-
-```tsx
-import * as React from 'react';
-// 1. import `CanvasProvider` component
-import {CanvasProvider} from '@workday/canvas-kit-react';
-function App() {
-  // 2. Wrap CanvasProvider at the root of your app
-  return (
-    <CanvasProvider>
-      <YourApp />
-    </CanvasProvider>
-  );
-}
-```