@workday/canvas-kit-preview-react 6.8.9 → 6.9.0-next.5

package/side-panel/lib/SidePanel.tsx

@@ -1,10 +1,12 @@
+/** @jsxRuntime classic */
 /** @jsx jsx */
 import * as React from 'react';
 import {styled, useIsRTL} from '@workday/canvas-kit-react/common';
-import {css, CSSObject, jsx, keyframes} from '@emotion/core';
-import {IconButton, IconButtonProps} from '@workday/canvas-kit-react/button';
+import {css, jsx, keyframes, CSSObject} from '@emotion/react';
+import {TertiaryButton, TertiaryButtonProps} from '@workday/canvas-kit-react/button';
 import {space, colors, depth} from '@workday/canvas-kit-react/tokens';
 import {transformationImportIcon} from '@workday/canvas-system-icons-web';
+import {Tooltip} from '@workday/canvas-kit-react/tooltip';
 
 export type SidePanelVariant = 'standard' | 'alternate';
 export type SidePanelTransitionStates = 'collapsed' | 'collapsing' | 'expanded' | 'expanding';
@@ -54,7 +56,7 @@ export interface SidePanelProps extends React.HTMLAttributes<HTMLDivElement> {
    */
   onStateTransition?: (state?: SidePanelTransitionStates) => void;
   /**
-   * The style variant of the side panel. 'standard' is with a `soap100` background, no depth. 'alternate' is a `frenchVanilla100` background with a level 3 depth.
+   * The style variant of the side panel. 'standard' is with a `soap100` background, no depth. 'alternate' is a `frenchVanilla100` background with a level 6 depth.
    *
    * @default 'standard'
    */
@@ -89,7 +91,7 @@ const createKeyframes = (from: number | string, to: number | string) => {
 const containerVariantStyle: Record<SidePanelVariant, CSSObject> = {
   alternate: {
     backgroundColor: colors.frenchVanilla100,
-    ...depth[3],
+    ...depth[5],
   },
   standard: {
     backgroundColor: colors.soap100,
@@ -206,14 +208,27 @@ const SidePanel = ({
   );
 };
 
-export type ToggleButtonProps = Omit<IconButtonProps, 'aria-label'>;
+export type ToggleButtonProps = TertiaryButtonProps & {
+  /**
+   * The tooltip text to expand the side panel
+   * @default 'Expand'
+   */
+  tooltipTextExpand?: string;
+  /**
+   * The tooltip text to collapse the side panel
+   * @default 'Collapse'
+   */
+  tooltipTextCollapse?: string;
+};
 
 /**
  * A toggle button styled specifically for the side panel container.
  */
 const ToggleButton = ({
-  variant = 'plain',
+  variant = undefined,
   icon = transformationImportIcon,
+  tooltipTextExpand: expandLabel = 'Expand',
+  tooltipTextCollapse: collapseLabel = 'Collapse',
   ...rest
 }: ToggleButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>) => {
   const context = React.useContext(SidePanelContext);
@@ -234,17 +249,21 @@ const ToggleButton = ({
   const buttonStyle = css({
     position: 'absolute',
     top: space.m,
+    width: space.l,
     right: context.state === 'collapsed' ? 0 : rtlOrigin === 'left' ? space.s : undefined,
     left: context.state === 'collapsed' ? 0 : rtlOrigin === 'right' ? space.s : undefined,
-    margin: context.state === 'collapsed' ? 'auto' : 0, // to override the -8px margin for IconButton.Plain
+    margin: context.state === 'collapsed' ? 'auto' : 0, // to override the -8px margin for TertiaryButton.Plain
     transform:
       context.state === 'collapsed' || context.state === 'collapsing'
         ? `scaleX(${rtlOrigin === 'left' ? '1' : '-1'})`
         : `scaleX(${rtlOrigin === 'left' ? '-1' : '1'})`,
   });
 
-  // @ts-ignore aria-label type error here. The user will decide to use aria-label or aria-labelledby
-  return <IconButton type="button" css={buttonStyle} icon={icon} variant={variant} {...rest} />;
+  return (
+    <Tooltip title={context.state === 'collapsed' ? expandLabel : collapseLabel} type="muted">
+      <TertiaryButton type="button" css={buttonStyle} icon={icon} variant={variant} {...rest} />
+    </Tooltip>
+  );
 };
 
 SidePanel.ToggleButton = ToggleButton;

package/text-area/lib/TextArea.tsx

@@ -1,47 +1,33 @@
 import React from 'react';
 
-import {createComponent, ExtractProps, useDefaultModel} from '@workday/canvas-kit-react/common';
-import {
-  FormField,
-  FormFieldModelContext,
-  useFormFieldOrientation,
-} from '@workday/canvas-kit-preview-react/form-field';
-import {Stack} from '@workday/canvas-kit-labs-react/layout';
+import {createContainer, ExtractProps} from '@workday/canvas-kit-react/common';
+import {FormField, useFormFieldOrientation} from '@workday/canvas-kit-preview-react/form-field';
+import {Stack} from '@workday/canvas-kit-react/layout';
 
-import {TextAreaModel, useTextAreaModel} from './hooks';
+import {useTextAreaModel} from './hooks';
 import {TextAreaField} from './TextAreaField';
-import {TextAreaLabel} from './TextAreaLabel';
-import {TextAreaHint} from './TextAreaHint';
-
-export const TextAreaModelContext = FormFieldModelContext;
 
 export interface TextAreaProps extends ExtractProps<typeof FormField, never> {
-  model?: TextAreaModel;
   /**
    * Children of the Text Input. Should contain a `<TextArea.Field>`, a `<TextArea.Label>` and an optional `<TextArea.Hint>`
    */
   children: React.ReactNode;
 }
 
-export const TextArea = createComponent()({
+export const TextArea = createContainer('div')({
   displayName: 'TextArea',
-  Component: ({children, model, orientation, ...props}: TextAreaProps, ref) => {
-    const {hasError, id, isRequired, ...elemProps} = props;
-    const value = useDefaultModel(model, {hasError, id, isRequired}, useTextAreaModel);
-
-    const layoutProps = useFormFieldOrientation(orientation);
-
-    return (
-      <TextAreaModelContext.Provider value={value}>
-        <Stack ref={ref} {...layoutProps} {...elemProps}>
-          {children}
-        </Stack>
-      </TextAreaModelContext.Provider>
-    );
-  },
+  modelHook: useTextAreaModel,
   subComponents: {
     Field: TextAreaField,
-    Label: TextAreaLabel,
-    Hint: TextAreaHint,
+    Label: FormField.Label,
+    Hint: FormField.Hint,
   },
+})<TextAreaProps>(({children, orientation, ...elemProps}, Element) => {
+  const layoutProps = useFormFieldOrientation(orientation);
+
+  return (
+    <Stack as={Element} {...layoutProps} {...elemProps}>
+      {children}
+    </Stack>
+  );
 });

package/text-area/lib/TextAreaField.tsx

@@ -1,5 +1,6 @@
+/** @jsxRuntime classic */
 /** @jsx jsx */
-import {jsx} from '@emotion/core';
+import {jsx} from '@emotion/react';
 
 import {
   borderRadius,
@@ -8,21 +9,10 @@ import {
   spaceNumbers,
   type,
 } from '@workday/canvas-kit-react/tokens';
-import {
-  createComponent,
-  ExtractProps,
-  useModelContext,
-  useTheme,
-} from '@workday/canvas-kit-react/common';
+import {createSubcomponent, ExtractProps, useTheme} from '@workday/canvas-kit-react/common';
 import {useThemedRing} from '@workday/canvas-kit-labs-react/common';
 import {FormField} from '@workday/canvas-kit-preview-react/form-field';
-
-import {TextAreaModelContext} from './TextArea';
-import {TextAreaModel} from './hooks';
-
-export interface TextAreaFieldProps extends ExtractProps<typeof FormField.Input, never> {
-  model?: TextAreaModel;
-}
+import {useTextInputModel} from '@workday/canvas-kit-preview-react/text-input';
 
 const baseStyles: CSSProperties = {
   ...type.levels.subtext.large,
@@ -50,38 +40,35 @@ const baseStyles: CSSProperties = {
   },
 };
 
-export const TextAreaField = createComponent('textarea')({
+export const TextAreaField = createSubcomponent('textarea')({
   displayName: 'TextArea.Field',
-  Component: ({model, ...elemProps}: TextAreaFieldProps, ref) => {
-    const localModel = useModelContext(TextAreaModelContext, model);
+  modelHook: useTextInputModel,
+})<ExtractProps<typeof FormField.Input, never>>(({...elemProps}, Element, model) => {
+  const theme = useTheme();
+  const errorRing = useThemedRing('error');
 
-    const theme = useTheme();
-    const errorRing = useThemedRing('error');
+  const focusStyles = model.state.hasError
+    ? errorRing
+    : {
+        '&:focus:not([disabled])': {
+          borderColor: theme.canvas.palette.common.focusOutline,
+          boxShadow: `inset 0 0 0 1px ${theme.canvas.palette.common.focusOutline}`,
+        },
+      };
 
-    const focusStyles = localModel.state.hasError
-      ? errorRing
-      : {
-          '&:focus:not([disabled])': {
-            borderColor: theme.canvas.palette.common.focusOutline,
-            boxShadow: `inset 0 0 0 1px ${theme.canvas.palette.common.focusOutline}`,
-          },
-        };
-
-    return (
-      <FormField.Input
-        as="textarea"
-        ref={ref}
-        css={[baseStyles, focusStyles]}
-        {...elemProps}
-        border={`1px solid ${inputColors.border}`}
-        display="block"
-        backgroundColor={inputColors.background}
-        borderRadius={borderRadius.m}
-        minHeight={64}
-        minWidth={280}
-        padding={spaceNumbers.xxs} // Compensate for border
-        margin={0} // Fix Safari
-      />
-    );
-  },
+  return (
+    <FormField.Input
+      as={Element}
+      css={[baseStyles, focusStyles]}
+      {...elemProps}
+      border={`1px solid ${inputColors.border}`}
+      display="block"
+      backgroundColor={inputColors.background}
+      borderRadius={borderRadius.m}
+      minHeight={64}
+      minWidth={280}
+      padding={spaceNumbers.xxs} // Compensate for border
+      margin={0} // Fix Safari
+    />
+  );
 });

package/text-area/lib/hooks/useTextAreaModel.ts

@@ -1,5 +1,3 @@
-import {useFormFieldModel, FormFieldModel} from '@workday/canvas-kit-preview-react/form-field';
+import {useFormFieldModel} from '@workday/canvas-kit-preview-react/form-field';
 
 export const useTextAreaModel = useFormFieldModel;
-
-export type TextAreaModel = FormFieldModel;

package/text-input/lib/TextInput.tsx

@@ -1,47 +1,33 @@
 import React from 'react';
 
-import {createComponent, ExtractProps, useDefaultModel} from '@workday/canvas-kit-react/common';
-import {
-  FormField,
-  FormFieldModelContext,
-  useFormFieldOrientation,
-} from '@workday/canvas-kit-preview-react/form-field';
-import {Stack} from '@workday/canvas-kit-labs-react/layout';
+import {createContainer, ExtractProps} from '@workday/canvas-kit-react/common';
+import {FormField, useFormFieldOrientation} from '@workday/canvas-kit-preview-react/form-field';
+import {Stack} from '@workday/canvas-kit-react/layout';
 
-import {useTextInputModel, TextInputModel} from './hooks';
+import {useTextInputModel} from './hooks';
 import {TextInputField} from './TextInputField';
-import {TextInputLabel} from './TextInputLabel';
-import {TextInputHint} from './TextInputHint';
-
-export const TextInputModelContext = FormFieldModelContext;
 
 export interface TextInputProps extends ExtractProps<typeof FormField, never> {
-  model?: TextInputModel;
   /**
    * Children of the Text Input. Should contain a `<TextInput.Field>`, a `<TextInput.Label>` and an optional `<TextInput.Hint>`
    */
   children: React.ReactNode;
 }
 
-export const TextInput = createComponent()({
+export const TextInput = createContainer('div')({
   displayName: 'TextInput',
-  Component: ({children, model, orientation, ...props}: TextInputProps, ref) => {
-    const {hasError, id, isRequired, ...elemProps} = props;
-    const value = useDefaultModel(model, {hasError, id, isRequired}, useTextInputModel);
-
-    const layoutProps = useFormFieldOrientation(orientation);
-
-    return (
-      <TextInputModelContext.Provider value={value}>
-        <Stack ref={ref} {...layoutProps} {...elemProps}>
-          {children}
-        </Stack>
-      </TextInputModelContext.Provider>
-    );
-  },
+  modelHook: useTextInputModel,
   subComponents: {
     Field: TextInputField,
-    Label: TextInputLabel,
-    Hint: TextInputHint,
+    Label: FormField.Label,
+    Hint: FormField.Hint,
   },
+})<ExtractProps<typeof FormField, never>>(({children, orientation, ...elemProps}, Element) => {
+  const layoutProps = useFormFieldOrientation(orientation);
+
+  return (
+    <Stack as={Element} {...layoutProps} {...elemProps}>
+      {children}
+    </Stack>
+  );
 });

package/text-input/lib/TextInputField.tsx

@@ -1,5 +1,6 @@
+/** @jsxRuntime classic */
 /** @jsx jsx */
-import {jsx} from '@emotion/core';
+import {jsx} from '@emotion/react';
 
 import {
   borderRadius,
@@ -8,21 +9,11 @@ import {
   space,
   type,
 } from '@workday/canvas-kit-react/tokens';
-import {
-  createComponent,
-  ExtractProps,
-  useModelContext,
-  useTheme,
-} from '@workday/canvas-kit-react/common';
+import {createSubcomponent, ExtractProps, useTheme} from '@workday/canvas-kit-react/common';
 import {useThemedRing} from '@workday/canvas-kit-labs-react/common';
 import {FormField} from '@workday/canvas-kit-preview-react/form-field';
 
-import {TextInputModelContext} from './TextInput';
-import {useTextInputField, TextInputModel} from './hooks';
-
-export interface TextInputFieldProps extends ExtractProps<typeof FormField.Input, never> {
-  model?: TextInputModel;
-}
+import {useTextInputField, useTextInputModel} from './hooks';
 
 const baseStyles: CSSProperties = {
   ...type.levels.subtext.large,
@@ -49,38 +40,36 @@ const baseStyles: CSSProperties = {
   },
 };
 
-export const TextInputField = createComponent('input')({
+export const TextInputField = createSubcomponent('input')({
   displayName: 'TextInput.Field',
-  Component: ({model, ...elemProps}: TextInputFieldProps, ref) => {
-    const localModel = useModelContext(TextInputModelContext, model);
-    const props = useTextInputField(localModel, elemProps, ref);
+  modelHook: useTextInputModel,
+  elemPropsHook: useTextInputField,
+})<ExtractProps<typeof FormField.Input, never>>((elemProps, Element, model) => {
+  const theme = useTheme();
+  const errorRing = useThemedRing('error');
 
-    const theme = useTheme();
-    const errorRing = useThemedRing('error');
+  const focusStyles = model.state.hasError
+    ? errorRing
+    : {
+        '&:focus:not([disabled])': {
+          borderColor: theme.canvas.palette.common.focusOutline,
+          boxShadow: `inset 0 0 0 1px ${theme.canvas.palette.common.focusOutline}`,
+        },
+      };
 
-    const focusStyles = localModel.state.hasError
-      ? errorRing
-      : {
-          '&:focus:not([disabled])': {
-            borderColor: theme.canvas.palette.common.focusOutline,
-            boxShadow: `inset 0 0 0 1px ${theme.canvas.palette.common.focusOutline}`,
-          },
-        };
-
-    return (
-      <FormField.Input
-        as="input"
-        css={[baseStyles, focusStyles]}
-        padding={space.xxs}
-        margin={0}
-        display="block"
-        height="40px"
-        minWidth="280px"
-        border={`1px solid ${inputColors.border}`}
-        backgroundColor={inputColors.background}
-        borderRadius={borderRadius.m}
-        {...props}
-      />
-    );
-  },
+  return (
+    <FormField.Input
+      as="input"
+      css={[baseStyles, focusStyles]}
+      padding={space.xxs}
+      margin={0}
+      display="block"
+      height="40px"
+      minWidth="280px"
+      border={`1px solid ${inputColors.border}`}
+      backgroundColor={inputColors.background}
+      borderRadius={borderRadius.m}
+      {...elemProps}
+    />
+  );
 });

package/text-input/lib/hooks/useTextInputField.tsx

@@ -1,9 +1,10 @@
-import {createHook} from '@workday/canvas-kit-react/common';
+import {createElemPropsHook} from '@workday/canvas-kit-react/common';
+import {useTextInputModel} from './useTextInputModel';
 
 /**
  * Adds the necessary props to a `Field` component. Used by the TextInput.Field subcomponent.
  */
-export const useTextInputField = createHook(() => {
+export const useTextInputField = createElemPropsHook(useTextInputModel)(() => {
   return {
     type: 'text',
   };

package/text-input/lib/hooks/useTextInputModel.ts

@@ -1,5 +1,3 @@
-import {useFormFieldModel, FormFieldModel} from '@workday/canvas-kit-preview-react/form-field';
+import {useFormFieldModel} from '@workday/canvas-kit-preview-react/form-field';
 
 export const useTextInputModel = useFormFieldModel;
-
-export type TextInputModel = FormFieldModel;

package/dist/commonjs/text-area/lib/TextAreaHint.d.ts

@@ -1,5 +0,0 @@
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { FormField } from '@workday/canvas-kit-preview-react/form-field';
-export declare type TextAreaHintProps = ExtractProps<typeof FormField.Hint, never>;
-export declare const TextAreaHint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("../../form-field/lib/FormFieldHint").FormFieldHintProps>;
-//# sourceMappingURL=TextAreaHint.d.ts.map

package/dist/commonjs/text-area/lib/TextAreaHint.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextAreaHint.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextAreaHint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,8CAA8C,CAAC;AAEvE,oBAAY,iBAAiB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAE3E,eAAO,MAAM,YAAY,mIAAiB,CAAC"}

package/dist/commonjs/text-area/lib/TextAreaHint.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_field_1 = require("@workday/canvas-kit-preview-react/form-field");
-exports.TextAreaHint = form_field_1.FormField.Hint;

package/dist/commonjs/text-area/lib/TextAreaLabel.d.ts

@@ -1,5 +0,0 @@
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { FormField } from '@workday/canvas-kit-preview-react/form-field';
-export declare type TextAreaLabelProps = ExtractProps<typeof FormField.Label, never>;
-export declare const TextAreaLabel: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("../../form-field/lib/FormFieldLabel").FormFieldLabelProps>;
-//# sourceMappingURL=TextAreaLabel.d.ts.map

package/dist/commonjs/text-area/lib/TextAreaLabel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextAreaLabel.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextAreaLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,8CAA8C,CAAC;AAEvE,oBAAY,kBAAkB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAE7E,eAAO,MAAM,aAAa,yIAAkB,CAAC"}

package/dist/commonjs/text-area/lib/TextAreaLabel.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_field_1 = require("@workday/canvas-kit-preview-react/form-field");
-exports.TextAreaLabel = form_field_1.FormField.Label;

package/dist/commonjs/text-input/lib/TextInputHint.d.ts

@@ -1,5 +0,0 @@
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { FormField } from '@workday/canvas-kit-preview-react/form-field';
-export declare type TextInputHintProps = ExtractProps<typeof FormField.Hint, never>;
-export declare const TextInputHint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("../../form-field/lib/FormFieldHint").FormFieldHintProps>;
-//# sourceMappingURL=TextInputHint.d.ts.map

package/dist/commonjs/text-input/lib/TextInputHint.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextInputHint.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInputHint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,8CAA8C,CAAC;AAEvE,oBAAY,kBAAkB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAE5E,eAAO,MAAM,aAAa,mIAAiB,CAAC"}

package/dist/commonjs/text-input/lib/TextInputHint.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_field_1 = require("@workday/canvas-kit-preview-react/form-field");
-exports.TextInputHint = form_field_1.FormField.Hint;

package/dist/commonjs/text-input/lib/TextInputLabel.d.ts

@@ -1,5 +0,0 @@
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { FormField } from '@workday/canvas-kit-preview-react/form-field';
-export declare type TextInputLabelProps = ExtractProps<typeof FormField.Label, never>;
-export declare const TextInputLabel: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("../../form-field/lib/FormFieldLabel").FormFieldLabelProps>;
-//# sourceMappingURL=TextInputLabel.d.ts.map

package/dist/commonjs/text-input/lib/TextInputLabel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextInputLabel.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInputLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,8CAA8C,CAAC;AAEvE,oBAAY,mBAAmB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAE9E,eAAO,MAAM,cAAc,yIAAkB,CAAC"}

package/dist/commonjs/text-input/lib/TextInputLabel.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var form_field_1 = require("@workday/canvas-kit-preview-react/form-field");
-exports.TextInputLabel = form_field_1.FormField.Label;

package/dist/es6/text-area/lib/TextAreaHint.d.ts

@@ -1,5 +0,0 @@
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { FormField } from '@workday/canvas-kit-preview-react/form-field';
-export declare type TextAreaHintProps = ExtractProps<typeof FormField.Hint, never>;
-export declare const TextAreaHint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("../../form-field/lib/FormFieldHint").FormFieldHintProps>;
-//# sourceMappingURL=TextAreaHint.d.ts.map

package/dist/es6/text-area/lib/TextAreaHint.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextAreaHint.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextAreaHint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,8CAA8C,CAAC;AAEvE,oBAAY,iBAAiB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAE3E,eAAO,MAAM,YAAY,mIAAiB,CAAC"}

package/dist/es6/text-area/lib/TextAreaHint.js

@@ -1,2 +0,0 @@
-import { FormField } from '@workday/canvas-kit-preview-react/form-field';
-export var TextAreaHint = FormField.Hint;

package/dist/es6/text-area/lib/TextAreaLabel.d.ts

@@ -1,5 +0,0 @@
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { FormField } from '@workday/canvas-kit-preview-react/form-field';
-export declare type TextAreaLabelProps = ExtractProps<typeof FormField.Label, never>;
-export declare const TextAreaLabel: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("../../form-field/lib/FormFieldLabel").FormFieldLabelProps>;
-//# sourceMappingURL=TextAreaLabel.d.ts.map

package/dist/es6/text-area/lib/TextAreaLabel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextAreaLabel.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextAreaLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,8CAA8C,CAAC;AAEvE,oBAAY,kBAAkB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAE7E,eAAO,MAAM,aAAa,yIAAkB,CAAC"}

package/dist/es6/text-area/lib/TextAreaLabel.js

@@ -1,2 +0,0 @@
-import { FormField } from '@workday/canvas-kit-preview-react/form-field';
-export var TextAreaLabel = FormField.Label;

package/dist/es6/text-input/lib/TextInputHint.d.ts

@@ -1,5 +0,0 @@
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { FormField } from '@workday/canvas-kit-preview-react/form-field';
-export declare type TextInputHintProps = ExtractProps<typeof FormField.Hint, never>;
-export declare const TextInputHint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("../../form-field/lib/FormFieldHint").FormFieldHintProps>;
-//# sourceMappingURL=TextInputHint.d.ts.map

package/dist/es6/text-input/lib/TextInputHint.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextInputHint.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInputHint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,8CAA8C,CAAC;AAEvE,oBAAY,kBAAkB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAE5E,eAAO,MAAM,aAAa,mIAAiB,CAAC"}

package/dist/es6/text-input/lib/TextInputHint.js

@@ -1,2 +0,0 @@
-import { FormField } from '@workday/canvas-kit-preview-react/form-field';
-export var TextInputHint = FormField.Hint;

package/dist/es6/text-input/lib/TextInputLabel.d.ts

@@ -1,5 +0,0 @@
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { FormField } from '@workday/canvas-kit-preview-react/form-field';
-export declare type TextInputLabelProps = ExtractProps<typeof FormField.Label, never>;
-export declare const TextInputLabel: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("../../form-field/lib/FormFieldLabel").FormFieldLabelProps>;
-//# sourceMappingURL=TextInputLabel.d.ts.map

package/dist/es6/text-input/lib/TextInputLabel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextInputLabel.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInputLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAC,SAAS,EAAC,MAAM,8CAA8C,CAAC;AAEvE,oBAAY,mBAAmB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAE9E,eAAO,MAAM,cAAc,yIAAkB,CAAC"}

package/dist/es6/text-input/lib/TextInputLabel.js

@@ -1,2 +0,0 @@
-import { FormField } from '@workday/canvas-kit-preview-react/form-field';
-export var TextInputLabel = FormField.Label;

package/text-area/lib/TextAreaHint.tsx

@@ -1,6 +0,0 @@
-import {ExtractProps} from '@workday/canvas-kit-react/common';
-import {FormField} from '@workday/canvas-kit-preview-react/form-field';
-
-export type TextAreaHintProps = ExtractProps<typeof FormField.Hint, never>;
-
-export const TextAreaHint = FormField.Hint;

package/text-area/lib/TextAreaLabel.tsx

@@ -1,6 +0,0 @@
-import {ExtractProps} from '@workday/canvas-kit-react/common';
-import {FormField} from '@workday/canvas-kit-preview-react/form-field';
-
-export type TextAreaLabelProps = ExtractProps<typeof FormField.Label, never>;
-
-export const TextAreaLabel = FormField.Label;

package/text-input/lib/TextInputHint.tsx

@@ -1,6 +0,0 @@
-import {ExtractProps} from '@workday/canvas-kit-react/common';
-import {FormField} from '@workday/canvas-kit-preview-react/form-field';
-
-export type TextInputHintProps = ExtractProps<typeof FormField.Hint, never>;
-
-export const TextInputHint = FormField.Hint;

package/text-input/lib/TextInputLabel.tsx

@@ -1,6 +0,0 @@
-import {ExtractProps} from '@workday/canvas-kit-react/common';
-import {FormField} from '@workday/canvas-kit-preview-react/form-field';
-
-export type TextInputLabelProps = ExtractProps<typeof FormField.Label, never>;
-
-export const TextInputLabel = FormField.Label;

package/ts3.5/dist/commonjs/breadcrumbs/index.d.ts

@@ -1,5 +0,0 @@
-import { Breadcrumbs } from './lib/Breadcrumbs';
-export default Breadcrumbs;
-export { Breadcrumbs };
-export * from './lib/Breadcrumbs';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts

@@ -1,20 +0,0 @@
-import { IconButtonProps } from '@workday/canvas-kit-react/button';
-import { CanvasSystemIcon } from '@workday/design-assets-types';
-export interface DropdownButtonProps extends IconButtonProps {
-    /**
-     * The accessibility label for the button
-     */
-    'aria-label': string;
-    /**
-     * The Canvas System Icon for the button
-     *
-     * @default relatedActionsIcon
-     */
-    buttonIcon?: CanvasSystemIcon;
-    /**
-     * The boolean to determine whether the button should be in a 'toggled' state
-     */
-    toggled: boolean;
-}
-export declare const DropdownButton: import("@workday/canvas-kit-react/common").ElementComponent<import("@workday/canvas-kit-react/common").ElementComponent<"button", IconButtonProps>, DropdownButtonProps>;
-//# sourceMappingURL=Button.d.ts.map