@workday/canvas-kit-preview-react 7.0.0-alpha.0-next.7 → 7.0.0-alpha.100-next.25

package/side-panel/lib/SidePanel.tsx

@@ -1,13 +1,12 @@
 /** @jsxRuntime classic */
 /** @jsx jsx */
 import * as React from 'react';
-import {styled, useIsRTL, StyledType} from '@workday/canvas-kit-react/common';
-import {css, jsx, keyframes} from '@emotion/react';
-import {IconButton, IconButtonProps} from '@workday/canvas-kit-react/button';
-import {space, colors} from '@workday/canvas-kit-react/tokens';
+import {styled, useIsRTL} from '@workday/canvas-kit-react/common';
+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';
-import {Box} from '@workday/canvas-kit-react/layout';
 
 export type SidePanelVariant = 'standard' | 'alternate';
 export type SidePanelTransitionStates = 'collapsed' | 'collapsing' | 'expanded' | 'expanding';
@@ -57,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 +88,17 @@ const createKeyframes = (from: number | string, to: number | string) => {
   `;
 };
 
-const StyledPanel = styled(Box)<StyledType & Pick<SidePanelProps, 'as'>>({
+const containerVariantStyle: Record<SidePanelVariant, CSSObject> = {
+  alternate: {
+    backgroundColor: colors.frenchVanilla100,
+    ...depth[5],
+  },
+  standard: {
+    backgroundColor: colors.soap100,
+  },
+};
+
+const Panel = styled('section')<Pick<SidePanelProps, 'as'>>({
   overflow: 'hidden',
   position: 'relative',
   boxSizing: 'border-box',
@@ -112,7 +121,7 @@ const SidePanel = ({
   onExpandedChange,
   onStateTransition,
   origin = 'left',
-  // variant = 'standard',
+  variant = 'standard',
   touched,
   ...elemProps
 }: SidePanelProps) => {
@@ -169,15 +178,20 @@ const SidePanel = ({
   };
 
   return (
-    <StyledPanel
+    <Panel
       as={as}
-      width={expanded ? expandedWidth : collapsedWidth}
-      maxWidth={expanded ? expandedWidth : collapsedWidth}
-      backgroundColor={elemProps.variant === 'alternate' ? colors.frenchVanilla100 : colors.soap100}
-      depth={elemProps.variant === 'alternate' ? 3 : undefined}
-      animation={
-        touched ? `${expanded ? motion.expand : motion.collapse} 200ms ease-out` : undefined
-      }
+      css={[
+        {
+          width: expanded ? expandedWidth : collapsedWidth,
+          maxWidth: expanded ? expandedWidth : collapsedWidth,
+          // mounted.current will be false on the first render, thus you won't get an unwanted animation here
+          // Will animate again if you force a re-render (like in Storybook)
+          animation: touched
+            ? `${expanded ? motion.expand : motion.collapse} 200ms ease-out`
+            : undefined,
+        },
+        containerVariantStyle[variant],
+      ]}
       onAnimationEnd={handleAnimationEnd}
       onAnimationStart={handleAnimationStart}
       {...elemProps}
@@ -190,11 +204,11 @@ const SidePanel = ({
       >
         {children}
       </SidePanelContext.Provider>
-    </StyledPanel>
+    </Panel>
   );
 };
 
-export type ToggleButtonProps = IconButtonProps & {
+export type ToggleButtonProps = TertiaryButtonProps & {
   /**
    * The tooltip text to expand the side panel
    * @default 'Expand'
@@ -211,7 +225,7 @@ export type ToggleButtonProps = IconButtonProps & {
  * A toggle button styled specifically for the side panel container.
  */
 const ToggleButton = ({
-  variant = 'plain',
+  variant = undefined,
   icon = transformationImportIcon,
   tooltipTextExpand: expandLabel = 'Expand',
   tooltipTextCollapse: collapseLabel = 'Collapse',
@@ -235,9 +249,10 @@ 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'})`
@@ -246,7 +261,7 @@ const ToggleButton = ({
 
   return (
     <Tooltip title={context.state === 'collapsed' ? expandLabel : collapseLabel} type="muted">
-      <IconButton type="button" css={buttonStyle} icon={icon} variant={variant} {...rest} />
+      <TertiaryButton type="button" css={buttonStyle} icon={icon} variant={variant} {...rest} />
     </Tooltip>
   );
 };

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 {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

@@ -9,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,
@@ -51,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 {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

@@ -9,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,
@@ -50,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,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextAreaHint = void 0;
-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,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextAreaLabel = void 0;
-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,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextInputHint = void 0;
-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,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextInputLabel = void 0;
-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;