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

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

@@ -1,66 +0,0 @@
-import * as React from 'react';
-import { colors, space, type } from '@workday/canvas-kit-react/tokens';
-import { accessibleHide as accessibleHideCSS, styled } from '@workday/canvas-kit-react/common';
-import { FormFieldLabelPosition } from './types';
-const labelStyles = [
-    {
-        ...type.levels.subtext.large,
-        fontWeight: type.properties.fontWeights.medium,
-        padding: 0,
-    },
-    ({ labelPosition, accessibleHide }) => {
-        if (accessibleHide) {
-            return accessibleHideCSS;
-        }
-        return {
-            ...(labelPosition === FormFieldLabelPosition.Left
-                ? {
-                    marginRight: space.l,
-                    minWidth: 180,
-                    maxHeight: space.xl,
-                    display: 'flex',
-                    alignItems: 'center',
-                }
-                : {
-                    display: 'block',
-                    marginBottom: space.xxxs,
-                }),
-        };
-    },
-];
-const RequiredAsterisk = styled('abbr')({
-    color: 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 = styled('legend')(...labelStyles, ({ labelPosition }) => {
-    if (labelPosition === Label.Position.Top) {
-        return {
-            width: '100%',
-        };
-    }
-    return {
-        float: 'left',
-        width: 'auto',
-    };
-});
-const LabelComponent = 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 })))));
-    }
-}
-Label.Position = FormFieldLabelPosition;
-Label.Position = FormFieldLabelPosition;
-export { Label };

package/dist/es6/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/es6/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/es6/form-field/lib/types.js

@@ -1,12 +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 var FormFieldLabelPosition;
-(function (FormFieldLabelPosition) {
-    FormFieldLabelPosition[FormFieldLabelPosition["Top"] = 0] = "Top";
-    FormFieldLabelPosition[FormFieldLabelPosition["Left"] = 1] = "Left";
-    FormFieldLabelPosition[FormFieldLabelPosition["Hidden"] = 2] = "Hidden";
-})(FormFieldLabelPosition || (FormFieldLabelPosition = {}));

package/form-field/lib/Hint.tsx

@@ -1,60 +0,0 @@
-import * as React from 'react';
-import {ErrorType, Themeable, styled} from '@workday/canvas-kit-react/common';
-import {space} from '@workday/canvas-kit-react/tokens';
-import {Subtext, Text} from '@workday/canvas-kit-react/text';
-/**
- * @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;
-}
-
-const Message = styled(Subtext)<Pick<HintProps, 'error'>>(
-  ({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<HintProps> {
-  static ErrorType = ErrorType;
-
-  public render() {
-    const {errorLabel = 'Error', alertLabel = 'Alert', children, error} = this.props;
-    let hintLabel: string | undefined;
-    switch (error) {
-      case Hint.ErrorType.Error:
-        hintLabel = errorLabel;
-        break;
-      case Hint.ErrorType.Alert:
-        hintLabel = alertLabel;
-        break;
-      default:
-    }
-
-    return (
-      <Message size="medium" margin={`${space.xxs} 0 0`} width="100%" {...this.props}>
-        {typeof error !== 'undefined' && hintLabel && (
-          <Text fontWeight="medium">{hintLabel}: </Text>
-        )}
-        {children}
-      </Message>
-    );
-  }
-}
-
-Hint.ErrorType = ErrorType;
-
-export {Hint};

package/form-field/lib/Label.tsx

@@ -1,134 +0,0 @@
-import * as React from 'react';
-import {colors, space, type} from '@workday/canvas-kit-react/tokens';
-import {accessibleHide as accessibleHideCSS, styled} from '@workday/canvas-kit-react/common';
-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;
-}
-
-const labelStyles = [
-  {
-    ...type.levels.subtext.large,
-    fontWeight: type.properties.fontWeights.medium,
-    padding: 0,
-  },
-  ({labelPosition, accessibleHide}: Pick<LabelProps, 'labelPosition' | 'accessibleHide'>) => {
-    if (accessibleHide) {
-      return accessibleHideCSS;
-    }
-    return {
-      ...(labelPosition === FormFieldLabelPosition.Left
-        ? {
-            marginRight: space.l,
-            minWidth: 180,
-            maxHeight: space.xl,
-            display: 'flex',
-            alignItems: 'center',
-          }
-        : {
-            display: 'block',
-            marginBottom: space.xxxs,
-          }),
-    };
-  },
-];
-
-const RequiredAsterisk = styled('abbr')({
-  color: 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 = styled('legend')<LabelProps>(...labelStyles, ({labelPosition}) => {
-  if (labelPosition === Label.Position.Top) {
-    return {
-      width: '100%',
-    };
-  }
-
-  return {
-    float: 'left',
-    width: 'auto',
-  };
-});
-
-const LabelComponent = styled('label')<LabelProps>(...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<React.PropsWithChildren<LabelProps>> {
-  static Position = FormFieldLabelPosition;
-
-  public render() {
-    const {
-      labelPosition = Label.Position.Top,
-      isLegend = false,
-      required,
-      ...elemProps
-    } = this.props;
-    const children = !required ? (
-      this.props.children
-    ) : (
-      <span>
-        {this.props.children}
-        <RequiredAsterisk key={'0'} aria-hidden>
-          *
-        </RequiredAsterisk>
-      </span>
-    );
-    return (
-      <>
-        {isLegend ? (
-          <LegendComponent
-            labelPosition={labelPosition}
-            isLegend={isLegend}
-            {...elemProps}
-            children={children}
-          />
-        ) : (
-          <LabelComponent labelPosition={labelPosition} {...elemProps} children={children} />
-        )}
-      </>
-    );
-  }
-}
-
-Label.Position = FormFieldLabelPosition;
-
-export {Label};

package/form-field/lib/types.ts

@@ -1,17 +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 enum FormFieldLabelPosition {
-  Top,
-  Left,
-  Hidden,
-}
-/**
- * @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;
-}