@workday/canvas-kit-react 12.0.0-alpha.862-next.0 → 12.0.0-alpha.898-next.0

package/select/lib/Select.tsx

@@ -9,13 +9,7 @@ import {SystemIcon} from '@workday/canvas-kit-react/icon';
 import {useSelectCard} from './hooks/useSelectCard';
 import {useSelectInput} from './hooks/useSelectInput';
 import {useSelectModel} from './hooks/useSelectModel';
-import {
-  createSubcomponent,
-  ExtractProps,
-  createContainer,
-  Themeable,
-  useLocalRef,
-} from '@workday/canvas-kit-react/common';
+import {createSubcomponent, ExtractProps, createContainer} from '@workday/canvas-kit-react/common';
 import {system} from '@workday/canvas-tokens-web';
 
 export interface SelectInputProps extends ExtractProps<typeof TextInput>, CSProps {
@@ -25,6 +19,11 @@ export interface SelectInputProps extends ExtractProps<typeof TextInput>, CSProp
    * ** Note:An option must be selected in order to render and icon.**
    */
   inputStartIcon?: CanvasSystemIcon;
+  readonly textInputProps?: {
+    ref: React.Ref<HTMLInputElement>;
+    onChange: () => {};
+    value: string;
+  };
 }
 
 const selectInputStencil = createStencil({
@@ -79,32 +78,11 @@ export const SelectInput = createSubcomponent(TextInput)({
     Element,
     model
   ) => {
-    const {localRef, elementRef} = useLocalRef(ref);
-
-    // We need to create a proxy between the multiple inputs. We need to redirect a few methods to
-    // the visible input
-    React.useImperativeHandle(
-      elementRef,
-      () => {
-        if (localRef.current) {
-          localRef.current.focus = (options?: FocusOptions) => {
-            textInputProps.ref.current!.focus(options);
-          };
-          localRef.current.blur = () => {
-            textInputProps.ref.current!.blur();
-          };
-        }
-
-        return localRef.current!;
-      },
-      [textInputProps.ref, localRef]
-    );
-
     return (
       <InputGroup data-width="ck-formfield-width">
         {inputStartIcon && model.state.selectedIds.length > 0 && (
-          <InputGroup.InnerStart {...selectIconsStencil()}>
-            <SystemIcon icon={inputStartIcon} />
+          <InputGroup.InnerStart data-part="select-start-icon-container" {...selectIconsStencil()}>
+            <SystemIcon data-part="select-start-icon" icon={inputStartIcon} />
           </InputGroup.InnerStart>
         )}
         {/* Hidden input to handle ids */}
@@ -117,7 +95,8 @@ export const SelectInput = createSubcomponent(TextInput)({
           onInput={onInput}
           value={value}
           name={name}
-          ref={elementRef}
+          ref={ref}
+          data-part="select-hidden-input"
           {...hiddenSelectInputStencil()}
         />
         {/* Visual input */}
@@ -126,11 +105,12 @@ export const SelectInput = createSubcomponent(TextInput)({
           disabled={disabled}
           placeholder={placeholder}
           error={error}
+          data-part="select-visual-input"
           {...textInputProps}
           {...mergeStyles(elemProps, selectInputStencil())}
         />
-        <InputGroup.InnerEnd {...selectIconsStencil()}>
-          <SystemIcon icon={caretDownSmallIcon} />
+        <InputGroup.InnerEnd data-part="select-caret-container">
+          <SystemIcon data-part="select-caret-icon" icon={caretDownSmallIcon} />
         </InputGroup.InnerEnd>
       </InputGroup>
     );
@@ -165,7 +145,7 @@ export const SelectCard = createSubcomponent('div')({
   );
 });
 
-export interface SelectProps extends Themeable, ExtractProps<typeof Combobox> {}
+export interface SelectProps extends ExtractProps<typeof Combobox> {}
 /**
  * Use `Select` to allow users to choose an option from a list or type characters to select a matching option.
  *

package/select/lib/hooks/useSelectInput.ts

@@ -28,8 +28,35 @@ export const useSelectInput = composeHooks(
   useComboboxMoveCursorToSelected,
   createElemPropsHook(useSelectModel)(
     (model, ref, elemProps: {keySofar?: string; placeholder?: string; value?: string} = {}) => {
-      const {elementRef} = useLocalRef<HTMLInputElement>(ref as any);
-      const textInputRef = React.useRef<HTMLInputElement>(null);
+      const {elementRef: textInputElementRef, localRef: textInputRef} = useLocalRef(
+        // PopupModel says the targetRef is a `HTMLButtonElement`, but it is a `HTMLInputElement`
+        model.state.targetRef as any as React.Ref<HTMLInputElement>
+      );
+
+      const {localRef: hiddenLocalRef, elementRef: hiddenElementRef} = useLocalRef(
+        ref as React.Ref<HTMLInputElement>
+      );
+
+      // We need to create a proxy between the multiple inputs. We need to redirect a few methods to
+      // the visible input
+      React.useImperativeHandle(
+        hiddenElementRef,
+        () => {
+          if (hiddenLocalRef.current) {
+            hiddenLocalRef.current.focus = (options?: FocusOptions) => {
+              textInputRef.current!.focus(options);
+            };
+            hiddenLocalRef.current.blur = () => {
+              textInputRef.current!.blur();
+            };
+          }
+
+          return hiddenLocalRef.current!;
+        },
+        [textInputRef, hiddenLocalRef]
+      );
+
+      // Remap the Popup model's targetRef to be the visible ref. `ref` and `model.state.targetRef` are already linked. We have to override that.
 
       // Update the text value of the input
       const handleOnChange = (event: React.ChangeEvent<HTMLInputElement>) => {
@@ -63,6 +90,7 @@ export const useSelectInput = composeHooks(
           model.state.selectedIds[0]
         ) {
           const value = model.navigation.getItem(model.state.selectedIds[0], model).id;
+          const oldValue = model.state.inputRef.current.value;
 
           // force the hidden input to have the correct value
           if (model.state.inputRef.current.value !== value) {
@@ -77,8 +105,8 @@ export const useSelectInput = composeHooks(
           }
 
           if (
-            model.state.selectedIds[0] !== value &&
-            model.state.inputRef.current.value !== value
+            model.state.selectedIds[0] !== oldValue &&
+            model.state.inputRef.current.value !== oldValue
           ) {
             // Programmatically dispatch an onChange once items are loaded. This account for when a consumer wants an initial selected item and they're loading them from a server.
             dispatchInputEvent(model.state.inputRef.current, value);
@@ -146,20 +174,21 @@ export const useSelectInput = composeHooks(
         },
         onChange: handleOnChange,
         autoComplete: 'off',
+        ref: hiddenElementRef,
         // When the hidden input is focused, we want to show the focus/hover states of the input that sits below it.
         onFocus() {
           textInputRef.current?.focus();
         },
         textInputProps: {
-          ref: textInputRef,
+          ref: textInputElementRef,
           onChange: noop,
           value:
             model.state.selectedIds.length > 0 && model.state.items.length > 0
               ? model.navigation.getItem(model.state.selectedIds[0], model).textValue
               : '',
         },
-        ref: elementRef,
         'aria-haspopup': 'menu',
+        keySoFar: null,
       } as const;
     }
   )

package/text-input/lib/InputGroup.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 
-import {space} from '@workday/canvas-kit-react/tokens';
+import {maybeWrapCSSVariables} from '@workday/canvas-kit-styling';
+import {system} from '@workday/canvas-tokens-web';
 import {
   createContainer,
   createElemPropsHook,
@@ -198,11 +199,11 @@ export const InputGroup = createContainer('div')({
   // `offsetEnd` arrays
   React.Children.forEach(children, child => {
     if (React.isValidElement<any>(child) && child.type === InputGroupInnerStart) {
-      const width = child.props.width || space.xl;
+      const width = maybeWrapCSSVariables(child.props.width || system.space.x10);
       offsetsStart.push(width);
     }
     if (React.isValidElement<any>(child) && child.type === InputGroupInnerEnd) {
-      const width = child.props.width || space.xl;
+      const width = maybeWrapCSSVariables(child.props.width || system.space.x10);
       offsetsEnd.push(width);
     }
   });

package/text-input/lib/TextInput.tsx

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import {createComponent, GrowthBehavior, ErrorType} from '@workday/canvas-kit-react/common';
-import {createStencil, cssVar, px2rem, calc, handleCsProp} from '@workday/canvas-kit-styling';
+import {createStencil, cssVar, px2rem, calc, CSProps} from '@workday/canvas-kit-styling';
 import {brand, system} from '@workday/canvas-tokens-web';
+import {mergeStyles} from '@workday/canvas-kit-react/layout';
 
-export interface TextInputProps extends GrowthBehavior {
+export interface TextInputProps extends GrowthBehavior, CSProps {
   /**
    * The type of error associated with the TextInput (if applicable).
    */
@@ -107,7 +108,7 @@ export const TextInput = createComponent('input')({
     <Element
       type="text"
       ref={ref}
-      {...handleCsProp(
+      {...mergeStyles(
         elemProps,
         textInputStencil({width: typeof width === 'number' ? px2rem(width) : width, grow, error})
       )}

package/dist/commonjs/form-field/lib/Hint.d.ts

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import { ErrorType, Themeable } from '@workday/canvas-kit-react/common';
-/**
- * @deprecated ⚠️ `HintProps` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
- */
-export interface HintProps extends Themeable, React.HTMLAttributes<HTMLParagraphElement> {
-    /**
-     * The type of error associated with the Hint (if applicable).
-     */
-    error?: ErrorType;
-    /**
-     * The label for the error message hint text if `hintText` and `error` are defined. This prop should only be used for translating the default string 'Error'.
-     * @default 'Error'
-     */
-    errorLabel?: string;
-    /**
-     * The label for the alert message hint text if `hintText` and `error` are defined. This prop should only be used for translating the default string 'Alert'.
-     * @default 'Alert'
-     */
-    alertLabel?: string;
-}
-/**
- * @deprecated ⚠️ `Hint` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
- */
-declare class Hint extends React.Component<HintProps> {
-    static ErrorType: typeof ErrorType;
-    render(): JSX.Element;
-}
-export { Hint };
-//# sourceMappingURL=Hint.d.ts.map

package/dist/commonjs/form-field/lib/Hint.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Hint.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/Hint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,SAAS,EAAE,SAAS,EAAS,MAAM,kCAAkC,CAAC;AAG9E;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IACtF;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAKD;;GAEG;AACH,cAAM,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC;IAC3C,MAAM,CAAC,SAAS,mBAAa;IAEtB,MAAM;CAsBd;AAID,OAAO,EAAC,IAAI,EAAC,CAAC"}

package/dist/commonjs/form-field/lib/Hint.js

@@ -1,53 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Hint = void 0;
-const React = __importStar(require("react"));
-const common_1 = require("@workday/canvas-kit-react/common");
-const tokens_1 = require("@workday/canvas-kit-react/tokens");
-const text_1 = require("@workday/canvas-kit-react/text");
-const Message = common_1.styled(text_1.Subtext)(({ error, theme }) => error === common_1.ErrorType.Error && { color: theme.canvas.palette.error.main });
-/**
- * @deprecated ⚠️ `Hint` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
- */
-class Hint extends React.Component {
-    render() {
-        const { errorLabel = 'Error', alertLabel = 'Alert', children, error } = this.props;
-        let hintLabel;
-        switch (error) {
-            case Hint.ErrorType.Error:
-                hintLabel = errorLabel;
-                break;
-            case Hint.ErrorType.Alert:
-                hintLabel = alertLabel;
-                break;
-            default:
-        }
-        return (React.createElement(Message, Object.assign({ size: "medium", margin: `${tokens_1.space.xxs} 0 0`, width: "100%" }, this.props),
-            typeof error !== 'undefined' && hintLabel && (React.createElement(text_1.Text, { fontWeight: "medium" },
-                hintLabel,
-                ": ")),
-            children));
-    }
-}
-exports.Hint = Hint;
-Hint.ErrorType = common_1.ErrorType;
-Hint.ErrorType = common_1.ErrorType;

package/dist/commonjs/form-field/lib/Label.d.ts

@@ -1,46 +0,0 @@
-import * as React from 'react';
-import { FormFieldLabelPosition, FormFieldLabelPositionBehavior } from './types';
-/**
- * @deprecated ⚠️ `LabelProps` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
- */
-export interface LabelProps extends FormFieldLabelPositionBehavior {
-    /**
-     * The position of the Label.
-     * @default Label.Position.Top
-     */
-    labelPosition?: FormFieldLabelPosition;
-    /**
-     * If true, style the Label as a legend.
-     * @default false
-     */
-    isLegend?: boolean;
-    /**
-     * The id of the form-related element. Synonymous with `for`.
-     */
-    htmlFor?: string;
-    /**
-     * If true, style the Label to indicate that it is required.
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * The required label is not visible to screen readers and should have no label. This prop will be
-     * ignored.
-     * @deprecated
-     */
-    requiredLabel?: string;
-    /**
-     * If true, apply the `accessibleHide` styles to the Label.
-     * @default false
-     */
-    accessibleHide?: boolean;
-}
-/**
- * @deprecated ⚠️ `Label` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
- */
-declare class Label extends React.Component<React.PropsWithChildren<LabelProps>> {
-    static Position: typeof FormFieldLabelPosition;
-    render(): JSX.Element;
-}
-export { Label };
-//# sourceMappingURL=Label.d.ts.map

package/dist/commonjs/form-field/lib/Label.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,sBAAsB,EAAE,8BAA8B,EAAC,MAAM,SAAS,CAAC;AAC/E;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,8BAA8B;IAChE;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAqDD;;GAEG;AACH,cAAM,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACtE,MAAM,CAAC,QAAQ,gCAA0B;IAElC,MAAM;CAgCd;AAID,OAAO,EAAC,KAAK,EAAC,CAAC"}

package/dist/commonjs/form-field/lib/Label.js

@@ -1,88 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Label = void 0;
-const React = __importStar(require("react"));
-const tokens_1 = require("@workday/canvas-kit-react/tokens");
-const common_1 = require("@workday/canvas-kit-react/common");
-const types_1 = require("./types");
-const labelStyles = [
-    {
-        ...tokens_1.type.levels.subtext.large,
-        fontWeight: tokens_1.type.properties.fontWeights.medium,
-        padding: 0,
-    },
-    ({ labelPosition, accessibleHide }) => {
-        if (accessibleHide) {
-            return common_1.accessibleHide;
-        }
-        return {
-            ...(labelPosition === types_1.FormFieldLabelPosition.Left
-                ? {
-                    marginRight: tokens_1.space.l,
-                    minWidth: 180,
-                    maxHeight: tokens_1.space.xl,
-                    display: 'flex',
-                    alignItems: 'center',
-                }
-                : {
-                    display: 'block',
-                    marginBottom: tokens_1.space.xxxs,
-                }),
-        };
-    },
-];
-const RequiredAsterisk = common_1.styled('abbr')({
-    color: tokens_1.colors.cinnamon500,
-    fontSize: '16px',
-    fontWeight: 400,
-    top: '1px',
-    paddingLeft: '2px',
-    textDecoration: 'unset',
-});
-// Used inside the fieldset component instead of a label for accessible radio groups.
-const LegendComponent = common_1.styled('legend')(...labelStyles, ({ labelPosition }) => {
-    if (labelPosition === Label.Position.Top) {
-        return {
-            width: '100%',
-        };
-    }
-    return {
-        float: 'left',
-        width: 'auto',
-    };
-});
-const LabelComponent = common_1.styled('label')(...labelStyles);
-/**
- * @deprecated ⚠️ `Label` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
- */
-class Label extends React.Component {
-    render() {
-        const { labelPosition = Label.Position.Top, isLegend = false, required, ...elemProps } = this.props;
-        const children = !required ? (this.props.children) : (React.createElement("span", null,
-            this.props.children,
-            React.createElement(RequiredAsterisk, { key: '0', "aria-hidden": true }, "*")));
-        return (React.createElement(React.Fragment, null, isLegend ? (React.createElement(LegendComponent, Object.assign({ labelPosition: labelPosition, isLegend: isLegend }, elemProps, { children: children }))) : (React.createElement(LabelComponent, Object.assign({ labelPosition: labelPosition }, elemProps, { children: children })))));
-    }
-}
-exports.Label = Label;
-Label.Position = types_1.FormFieldLabelPosition;
-Label.Position = types_1.FormFieldLabelPosition;

package/dist/commonjs/form-field/lib/types.d.ts

@@ -1,18 +0,0 @@
-/**
- *
- * The position of the FormField label (Top vs Left vs Hidden).
- *
- * @deprecated ⚠️ `FormFieldLabelPosition` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
- */
-export declare enum FormFieldLabelPosition {
-    Top = 0,
-    Left = 1,
-    Hidden = 2
-}
-/**
- * @deprecated ⚠️ `FormFieldLabelPositionBehavior` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
- */
-export interface FormFieldLabelPositionBehavior {
-    labelPosition?: FormFieldLabelPosition;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/commonjs/form-field/lib/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,oBAAY,sBAAsB;IAChC,GAAG,IAAA;IACH,IAAI,IAAA;IACJ,MAAM,IAAA;CACP;AACD;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC7C,aAAa,CAAC,EAAE,sBAAsB,CAAC;CACxC"}

package/dist/commonjs/form-field/lib/types.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormFieldLabelPosition = void 0;
-/**
- *
- * The position of the FormField label (Top vs Left vs Hidden).
- *
- * @deprecated ⚠️ `FormFieldLabelPosition` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
- */
-var FormFieldLabelPosition;
-(function (FormFieldLabelPosition) {
-    FormFieldLabelPosition[FormFieldLabelPosition["Top"] = 0] = "Top";
-    FormFieldLabelPosition[FormFieldLabelPosition["Left"] = 1] = "Left";
-    FormFieldLabelPosition[FormFieldLabelPosition["Hidden"] = 2] = "Hidden";
-})(FormFieldLabelPosition = exports.FormFieldLabelPosition || (exports.FormFieldLabelPosition = {}));

package/dist/es6/form-field/lib/Hint.d.ts

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import { ErrorType, Themeable } from '@workday/canvas-kit-react/common';
-/**
- * @deprecated ⚠️ `HintProps` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
- */
-export interface HintProps extends Themeable, React.HTMLAttributes<HTMLParagraphElement> {
-    /**
-     * The type of error associated with the Hint (if applicable).
-     */
-    error?: ErrorType;
-    /**
-     * The label for the error message hint text if `hintText` and `error` are defined. This prop should only be used for translating the default string 'Error'.
-     * @default 'Error'
-     */
-    errorLabel?: string;
-    /**
-     * The label for the alert message hint text if `hintText` and `error` are defined. This prop should only be used for translating the default string 'Alert'.
-     * @default 'Alert'
-     */
-    alertLabel?: string;
-}
-/**
- * @deprecated ⚠️ `Hint` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
- */
-declare class Hint extends React.Component<HintProps> {
-    static ErrorType: typeof ErrorType;
-    render(): JSX.Element;
-}
-export { Hint };
-//# sourceMappingURL=Hint.d.ts.map

package/dist/es6/form-field/lib/Hint.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Hint.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/Hint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,SAAS,EAAE,SAAS,EAAS,MAAM,kCAAkC,CAAC;AAG9E;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IACtF;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAKD;;GAEG;AACH,cAAM,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC;IAC3C,MAAM,CAAC,SAAS,mBAAa;IAEtB,MAAM;CAsBd;AAID,OAAO,EAAC,IAAI,EAAC,CAAC"}

package/dist/es6/form-field/lib/Hint.js

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import { ErrorType, styled } from '@workday/canvas-kit-react/common';
-import { space } from '@workday/canvas-kit-react/tokens';
-import { Subtext, Text } from '@workday/canvas-kit-react/text';
-const Message = styled(Subtext)(({ error, theme }) => error === ErrorType.Error && { color: theme.canvas.palette.error.main });
-/**
- * @deprecated ⚠️ `Hint` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
- */
-class Hint extends React.Component {
-    render() {
-        const { errorLabel = 'Error', alertLabel = 'Alert', children, error } = this.props;
-        let hintLabel;
-        switch (error) {
-            case Hint.ErrorType.Error:
-                hintLabel = errorLabel;
-                break;
-            case Hint.ErrorType.Alert:
-                hintLabel = alertLabel;
-                break;
-            default:
-        }
-        return (React.createElement(Message, Object.assign({ size: "medium", margin: `${space.xxs} 0 0`, width: "100%" }, this.props),
-            typeof error !== 'undefined' && hintLabel && (React.createElement(Text, { fontWeight: "medium" },
-                hintLabel,
-                ": ")),
-            children));
-    }
-}
-Hint.ErrorType = ErrorType;
-Hint.ErrorType = ErrorType;
-export { Hint };

package/dist/es6/form-field/lib/Label.d.ts

@@ -1,46 +0,0 @@
-import * as React from 'react';
-import { FormFieldLabelPosition, FormFieldLabelPositionBehavior } from './types';
-/**
- * @deprecated ⚠️ `LabelProps` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
- */
-export interface LabelProps extends FormFieldLabelPositionBehavior {
-    /**
-     * The position of the Label.
-     * @default Label.Position.Top
-     */
-    labelPosition?: FormFieldLabelPosition;
-    /**
-     * If true, style the Label as a legend.
-     * @default false
-     */
-    isLegend?: boolean;
-    /**
-     * The id of the form-related element. Synonymous with `for`.
-     */
-    htmlFor?: string;
-    /**
-     * If true, style the Label to indicate that it is required.
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * The required label is not visible to screen readers and should have no label. This prop will be
-     * ignored.
-     * @deprecated
-     */
-    requiredLabel?: string;
-    /**
-     * If true, apply the `accessibleHide` styles to the Label.
-     * @default false
-     */
-    accessibleHide?: boolean;
-}
-/**
- * @deprecated ⚠️ `Label` in Main has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
- */
-declare class Label extends React.Component<React.PropsWithChildren<LabelProps>> {
-    static Position: typeof FormFieldLabelPosition;
-    render(): JSX.Element;
-}
-export { Label };
-//# sourceMappingURL=Label.d.ts.map

package/dist/es6/form-field/lib/Label.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,sBAAsB,EAAE,8BAA8B,EAAC,MAAM,SAAS,CAAC;AAC/E;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,8BAA8B;IAChE;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAqDD;;GAEG;AACH,cAAM,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACtE,MAAM,CAAC,QAAQ,gCAA0B;IAElC,MAAM;CAgCd;AAID,OAAO,EAAC,KAAK,EAAC,CAAC"}