@workday/canvas-kit-docs 15.0.0-alpha.0075-next.0 → 15.0.0-alpha.0076-next.0

package/dist/mdx/preview-react/select/examples/Top Label/Scrollable.tsx

@@ -1,13 +0,0 @@
-import {FormField} from '@workday/canvas-kit-react/form-field';
-import {Select} from '@workday/canvas-kit-preview-react/select';
-import {manyOptions} from '../storiesData';
-import {controlComponent} from '../../../../../../utils/storybook';
-
-export default () => {
-  return (
-    <FormField id="select-default">
-      <FormField.Label>Label</FormField.Label>
-      {controlComponent(<FormField.Input as={Select} name="contact" options={manyOptions} />)}
-    </FormField>
-  );
-};

package/dist/mdx/preview-react/select/examples/Top Label/index.ts

@@ -1,8 +0,0 @@
-export {Default} from './Default';
-export {DefaultWithCustomOptions} from './DefaultWithCustomOptions';
-export {DefaultWithSimpleOptions} from './DefaultWithSimpleOptions';
-export {Scrollable} from './Scrollable';
-export {Disabled} from './Disabled';
-export {Caution} from './Caution';
-export {Error} from './Error';
-export {Grow} from './Grow';

package/dist/mdx/preview-react/select/examples/storiesData.tsx

@@ -1,92 +0,0 @@
-import {SystemIcon} from '@workday/canvas-kit-react/icon';
-import {
-  activityStreamIcon,
-  avatarIcon,
-  uploadCloudIcon,
-  userIcon,
-} from '@workday/canvas-system-icons-web';
-import {colors, typeColors} from '@workday/canvas-kit-react/tokens';
-import {
-  RenderOptionFunction,
-  RenderSelectedFunction,
-} from '@workday/canvas-kit-preview-react/select';
-
-export default 'Helpful text goes here.';
-export default 'error-desc-id';
-
-export default [
-  {label: 'E-mail', value: 'email-1234'},
-  {label: 'Phone', value: 'phone'},
-  {label: 'Fax (disabled)', value: 'fax', disabled: true},
-  {label: 'Mail', value: 'mail'},
-  {label: 'Mobile Phone', value: 'mobile_phone'},
-  {
-    label: 'The Ontologically Anthropocentric Sensory Immersive Simulation',
-    value: 'oasis',
-  },
-];
-
-export default ['California', 'Florida', 'New York', 'Pennsylvania', 'Texas'];
-
-export default [
-  {label: 'Atlanta (United States)', value: 'atlanta'},
-  {label: 'Amsterdam (Europe)', value: 'amsterdam'},
-  {label: 'Austin (United States)', value: 'austin'},
-  {label: 'Beaverton (United States)', value: 'beaverton'},
-  {label: 'Belfast (Europe)', value: 'belfast'},
-  {label: 'Berlin (Europe)', value: 'berlin'},
-  {label: 'Boston (United States)', value: 'boston'},
-  {label: 'Boulder (United States)', value: 'boulder'},
-  {label: 'Chicago (United States)', value: 'chicago'},
-  {label: 'Dallas (United States)', value: 'dallas'},
-  {label: 'Denver (United States)', value: 'denver'},
-  {label: 'Dublin (Europe)', value: 'dublin'},
-  {label: 'Irvine (United States)', value: 'irvine'},
-  {label: 'Minneapolis (United States)', value: 'minneapolis'},
-  {label: 'New York (United States)', value: 'new-york'},
-  {label: 'Orlando (United States)', value: 'orlando'},
-  {label: 'Palo Alto (United States)', value: 'palo-alto'},
-  {label: 'Philadelphia (United States)', value: 'philadelphia'},
-  {label: 'Pleasanton (United States)', value: 'pleasanton'},
-  {label: 'Raleigh (United States)', value: 'raleigh'},
-  {label: 'San Francisco (United States)', value: 'san-francisco'},
-  {label: 'San Mateo (United States)', value: 'san-mateo'},
-  {label: 'Stockholm (Europe)', value: 'stockholm'},
-  {
-    label: 'The Ontologically Anthropocentric Sensory Immersive Simulation (Virtual Reality)',
-    value: 'oasis',
-  },
-  {label: 'Toronto (Canada)', value: 'toronto'},
-  {label: 'Victoria (Canada)', value: 'victoria'},
-  {label: 'Vienna (Europe)', value: 'vienna'},
-  {label: 'Warsaw (Europe)', value: 'warsaw'},
-  {label: 'Washington, DC (United States)', value: 'washington-dc'},
-  {label: 'Zurich (Europe)', value: 'zurich'},
-];
-
-export default [
-  {value: 'Activity Stream', data: {icon: activityStreamIcon}},
-  {value: 'Avatar', data: {icon: avatarIcon}},
-  {value: 'Upload Cloud', data: {icon: uploadCloudIcon}},
-  {value: 'User', data: {icon: userIcon}},
-];
-
-export const customRenderOption: RenderOptionFunction = option => {
-  const iconColor = option.focused ? typeColors.inverse : colors.blackPepper100;
-  return (
-    <div style={{alignItems: 'center', display: 'flex', padding: '3px 0'}}>
-      <SystemIcon icon={option.data.icon} color={iconColor} colorHover={iconColor} />
-      <div style={{marginLeft: 5}}>{option.value}</div>
-    </div>
-  );
-};
-
-export const customRenderSelected: RenderSelectedFunction = option => {
-  const iconColor = colors.blackPepper100;
-  return (
-    <div style={{alignItems: 'center', display: 'flex'}}>
-      <SystemIcon icon={option.data.icon} color={iconColor} colorHover={iconColor} />
-      <div style={{marginLeft: 5}}>{option.value}</div>
-    </div>
-  );
-};