npm - es-components - Versions diffs - 21.14.0 → 21.14.1 - Mend

es-components 21.14.0 → 21.14.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (74) hide show

package/types/src/components/controls/switch/Switch.d.ts CHANGED Viewed

@@ -21,14 +21,14 @@ export type SwitchProps = JSXElementProps<'div'> & {
     disabled?: InputProps['disabled'];
 };
 declare const Switch: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key">, "ref"> & {
-    type?: SwitchStyleType | undefined;
-    label?: string | undefined;
-    direction?: "top" | "left" | "bottom" | "right" | undefined;
-    ariaLabel?: InputProps['aria-label'];
+    type?: SwitchStyleType;
+    label?: string;
+    direction?: Direction;
+    ariaLabel?: InputProps["aria-label"];
     onText?: React.ReactNode;
     offText?: React.ReactNode;
-    checked?: boolean | undefined;
-    onChange?: InputProps['onChange'];
-    disabled?: InputProps['disabled'];
+    checked?: boolean;
+    onChange?: InputProps["onChange"];
+    disabled?: InputProps["disabled"];
 } & React.RefAttributes<HTMLDivElement>>;
 export default Switch;

package/types/src/components/controls/textbox/InputBase.d.ts CHANGED Viewed

@@ -29,8 +29,8 @@ export declare function getInputPropsForValidation(theme: DefaultTheme, validati
 export declare const globalInputCss: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<DefaultTheme>>;
 export type InputBaseProps = StyledComponentElementProps<'input'> & ValidationStyleProps;
 declare const InputBase: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key">, "ref"> & {
-    as?: React.ComponentType<any> | keyof JSX.IntrinsicElements | undefined;
-    forwardedAs?: React.ComponentType<any> | keyof JSX.IntrinsicElements | undefined;
+    as?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
+    forwardedAs?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
 } & ValidationStyleProps & React.RefAttributes<HTMLInputElement>>;
 export declare const propTypes: {
     form: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
@@ -38,8 +38,6 @@ export declare const propTypes: {
     style: PropTypes.Requireable<React.CSSProperties | undefined> | PropTypes.Validator<React.CSSProperties | undefined>;
     title: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     pattern: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
-    type: PropTypes.Requireable<React.HTMLInputTypeAttribute | undefined> | PropTypes.Validator<React.HTMLInputTypeAttribute | undefined>;
-    name: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     suppressHydrationWarning: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
     className: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     color: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
@@ -48,6 +46,8 @@ export declare const propTypes: {
     lang: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     max: PropTypes.Requireable<string | number | undefined> | PropTypes.Validator<string | number | undefined>;
     min: PropTypes.Requireable<string | number | undefined> | PropTypes.Validator<string | number | undefined>;
+    name: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
+    type: PropTypes.Requireable<React.HTMLInputTypeAttribute | undefined> | PropTypes.Validator<React.HTMLInputTypeAttribute | undefined>;
     width: PropTypes.Requireable<string | number | undefined> | PropTypes.Validator<string | number | undefined>;
     role: PropTypes.Requireable<React.AriaRole | undefined> | PropTypes.Validator<React.AriaRole | undefined>;
     tabIndex: PropTypes.Requireable<number | undefined> | PropTypes.Validator<number | undefined>;
@@ -63,7 +63,7 @@ export declare const propTypes: {
     "aria-colindextext": PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     "aria-colspan": PropTypes.Requireable<number | undefined> | PropTypes.Validator<number | undefined>;
     "aria-controls": PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
-    "aria-current": PropTypes.Requireable<boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined> | PropTypes.Validator<boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined>;
+    "aria-current": PropTypes.Requireable<boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined> | PropTypes.Validator<boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined>;
     "aria-describedby": PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     "aria-description": PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     "aria-details": PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
@@ -249,9 +249,7 @@ export declare const propTypes: {
     onPointerCancel: PropTypes.Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | PropTypes.Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
     onPointerCancelCapture: PropTypes.Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | PropTypes.Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
     onPointerEnter: PropTypes.Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | PropTypes.Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
-    onPointerEnterCapture: PropTypes.Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | PropTypes.Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
     onPointerLeave: PropTypes.Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | PropTypes.Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
-    onPointerLeaveCapture: PropTypes.Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | PropTypes.Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
     onPointerOver: PropTypes.Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | PropTypes.Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
     onPointerOverCapture: PropTypes.Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | PropTypes.Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
     onPointerOut: PropTypes.Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | PropTypes.Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
@@ -273,17 +271,17 @@ export declare const propTypes: {
     onTransitionEnd: PropTypes.Requireable<React.TransitionEventHandler<HTMLInputElement> | undefined> | PropTypes.Validator<React.TransitionEventHandler<HTMLInputElement> | undefined>;
     onTransitionEndCapture: PropTypes.Requireable<React.TransitionEventHandler<HTMLInputElement> | undefined> | PropTypes.Validator<React.TransitionEventHandler<HTMLInputElement> | undefined>;
     css: PropTypes.Requireable<import("styled-components").CSSProp | undefined> | PropTypes.Validator<import("styled-components").CSSProp | undefined>;
-    list: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
-    step: PropTypes.Requireable<string | number | undefined> | PropTypes.Validator<string | number | undefined>;
     defaultChecked: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
     defaultValue: PropTypes.Requireable<string | number | readonly string[] | undefined> | PropTypes.Validator<string | number | readonly string[] | undefined>;
     suppressContentEditableWarning: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
     accessKey: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
+    autoCapitalize: PropTypes.Requireable<(string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined> | PropTypes.Validator<(string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined>;
     autoFocus: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
     contentEditable: PropTypes.Requireable<"inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined> | PropTypes.Validator<"inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined>;
     contextMenu: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     dir: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     draggable: PropTypes.Requireable<(boolean | "true" | "false") | undefined> | PropTypes.Validator<(boolean | "true" | "false") | undefined>;
+    enterKeyHint: PropTypes.Requireable<"search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined> | PropTypes.Validator<"search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined>;
     hidden: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
     nonce: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     spellCheck: PropTypes.Requireable<(boolean | "true" | "false") | undefined> | PropTypes.Validator<(boolean | "true" | "false") | undefined>;
@@ -300,7 +298,6 @@ export declare const propTypes: {
     rev: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     typeof: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     vocab: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
-    autoCapitalize: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     autoCorrect: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     autoSave: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     itemProp: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
@@ -313,27 +310,28 @@ export declare const propTypes: {
     unselectable: PropTypes.Requireable<"off" | "on" | undefined> | PropTypes.Validator<"off" | "on" | undefined>;
     inputMode: PropTypes.Requireable<"search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined> | PropTypes.Validator<"search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined>;
     is: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
-    size: PropTypes.Requireable<number | undefined> | PropTypes.Validator<number | undefined>;
     alt: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     src: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
-    value: PropTypes.Requireable<string | number | readonly string[] | undefined> | PropTypes.Validator<string | number | readonly string[] | undefined>;
-    accept: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
-    autoComplete: PropTypes.Requireable<React.HTMLInputAutoCompleteAttribute | undefined> | PropTypes.Validator<React.HTMLInputAutoCompleteAttribute | undefined>;
-    capture: PropTypes.Requireable<boolean | "user" | "environment" | undefined> | PropTypes.Validator<boolean | "user" | "environment" | undefined>;
-    checked: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
     disabled: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
-    enterKeyHint: PropTypes.Requireable<"search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined> | PropTypes.Validator<"search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined>;
     formAction: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     formEncType: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     formMethod: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     formNoValidate: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
     formTarget: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
+    value: PropTypes.Requireable<string | number | readonly string[] | undefined> | PropTypes.Validator<string | number | readonly string[] | undefined>;
+    autoComplete: PropTypes.Requireable<React.HTMLInputAutoCompleteAttribute | undefined> | PropTypes.Validator<React.HTMLInputAutoCompleteAttribute | undefined>;
+    accept: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
+    capture: PropTypes.Requireable<boolean | "user" | "environment" | undefined> | PropTypes.Validator<boolean | "user" | "environment" | undefined>;
+    checked: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
+    list: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     maxLength: PropTypes.Requireable<number | undefined> | PropTypes.Validator<number | undefined>;
     minLength: PropTypes.Requireable<number | undefined> | PropTypes.Validator<number | undefined>;
     multiple: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
     placeholder: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     readOnly: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
     required: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
+    size: PropTypes.Requireable<number | undefined> | PropTypes.Validator<number | undefined>;
+    step: PropTypes.Requireable<string | number | undefined> | PropTypes.Validator<string | number | undefined>;
 };
 export declare const defaultProps: {
     form?: string | undefined;
@@ -341,8 +339,6 @@ export declare const defaultProps: {
     style?: React.CSSProperties | undefined;
     title?: string | undefined;
     pattern?: string | undefined;
-    type?: React.HTMLInputTypeAttribute | undefined;
-    name?: string | undefined;
     suppressHydrationWarning?: boolean | undefined;
     className?: string | undefined;
     color?: string | undefined;
@@ -351,6 +347,8 @@ export declare const defaultProps: {
     lang?: string | undefined;
     max?: string | number | undefined;
     min?: string | number | undefined;
+    name?: string | undefined;
+    type?: React.HTMLInputTypeAttribute | undefined;
     width?: string | number | undefined;
     role?: React.AriaRole | undefined;
     tabIndex?: number | undefined;
@@ -366,7 +364,7 @@ export declare const defaultProps: {
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -550,9 +548,7 @@ export declare const defaultProps: {
     onPointerCancel?: React.PointerEventHandler<HTMLInputElement> | undefined;
     onPointerCancelCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
     onPointerEnter?: React.PointerEventHandler<HTMLInputElement> | undefined;
-    onPointerEnterCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
     onPointerLeave?: React.PointerEventHandler<HTMLInputElement> | undefined;
-    onPointerLeaveCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
     onPointerOver?: React.PointerEventHandler<HTMLInputElement> | undefined;
     onPointerOverCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
     onPointerOut?: React.PointerEventHandler<HTMLInputElement> | undefined;
@@ -574,17 +570,17 @@ export declare const defaultProps: {
     onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
     css?: import("styled-components").CSSProp | undefined;
-    list?: string | undefined;
-    step?: string | number | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
     autoFocus?: boolean | undefined;
     contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
     hidden?: boolean | undefined;
     nonce?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
@@ -601,7 +597,6 @@ export declare const defaultProps: {
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     itemProp?: string | undefined;
@@ -614,27 +609,28 @@ export declare const defaultProps: {
     unselectable?: "off" | "on" | undefined;
     inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
-    size?: number | undefined;
     alt?: string | undefined;
     src?: string | undefined;
-    value?: string | number | readonly string[] | undefined;
-    accept?: string | undefined;
-    autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
-    capture?: boolean | "user" | "environment" | undefined;
-    checked?: boolean | undefined;
     disabled?: boolean | undefined;
-    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
     formAction?: string | undefined;
     formEncType?: string | undefined;
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;
     formTarget?: string | undefined;
+    value?: string | number | readonly string[] | undefined;
+    autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
+    accept?: string | undefined;
+    capture?: boolean | "user" | "environment" | undefined;
+    checked?: boolean | undefined;
+    list?: string | undefined;
     maxLength?: number | undefined;
     minLength?: number | undefined;
     multiple?: boolean | undefined;
     placeholder?: string | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
+    size?: number | undefined;
+    step?: string | number | undefined;
 };
 export default InputBase;
 export interface BasicTextboxStyleProps extends JSXElementProps<'input'>, ValidationStateSetupProps, ValidationStateReadonlyProps {
@@ -650,8 +646,6 @@ export declare const basicTextboxPropTypes: {
     style: PropTypes.Requireable<React.CSSProperties | undefined> | PropTypes.Validator<React.CSSProperties | undefined>;
     title: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     pattern: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
-    type: PropTypes.Requireable<React.HTMLInputTypeAttribute | undefined> | PropTypes.Validator<React.HTMLInputTypeAttribute | undefined>;
-    name: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     suppressHydrationWarning: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
     className: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     color: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
@@ -660,6 +654,8 @@ export declare const basicTextboxPropTypes: {
     lang: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     max: PropTypes.Requireable<string | number | undefined> | PropTypes.Validator<string | number | undefined>;
     min: PropTypes.Requireable<string | number | undefined> | PropTypes.Validator<string | number | undefined>;
+    name: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
+    type: PropTypes.Requireable<React.HTMLInputTypeAttribute | undefined> | PropTypes.Validator<React.HTMLInputTypeAttribute | undefined>;
     width: PropTypes.Requireable<string | number | undefined> | PropTypes.Validator<string | number | undefined>;
     role: PropTypes.Requireable<React.AriaRole | undefined> | PropTypes.Validator<React.AriaRole | undefined>;
     tabIndex: PropTypes.Requireable<number | undefined> | PropTypes.Validator<number | undefined>;
@@ -675,7 +671,7 @@ export declare const basicTextboxPropTypes: {
     "aria-colindextext": PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     "aria-colspan": PropTypes.Requireable<number | undefined> | PropTypes.Validator<number | undefined>;
     "aria-controls": PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
-    "aria-current": PropTypes.Requireable<boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined> | PropTypes.Validator<boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined>;
+    "aria-current": PropTypes.Requireable<boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined> | PropTypes.Validator<boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined>;
     "aria-describedby": PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     "aria-description": PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     "aria-details": PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
@@ -861,9 +857,7 @@ export declare const basicTextboxPropTypes: {
     onPointerCancel: PropTypes.Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | PropTypes.Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
     onPointerCancelCapture: PropTypes.Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | PropTypes.Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
     onPointerEnter: PropTypes.Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | PropTypes.Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
-    onPointerEnterCapture: PropTypes.Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | PropTypes.Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
     onPointerLeave: PropTypes.Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | PropTypes.Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
-    onPointerLeaveCapture: PropTypes.Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | PropTypes.Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
     onPointerOver: PropTypes.Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | PropTypes.Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
     onPointerOverCapture: PropTypes.Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | PropTypes.Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
     onPointerOut: PropTypes.Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | PropTypes.Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
@@ -885,17 +879,17 @@ export declare const basicTextboxPropTypes: {
     onTransitionEnd: PropTypes.Requireable<React.TransitionEventHandler<HTMLInputElement> | undefined> | PropTypes.Validator<React.TransitionEventHandler<HTMLInputElement> | undefined>;
     onTransitionEndCapture: PropTypes.Requireable<React.TransitionEventHandler<HTMLInputElement> | undefined> | PropTypes.Validator<React.TransitionEventHandler<HTMLInputElement> | undefined>;
     css: PropTypes.Requireable<import("styled-components").CSSProp | undefined> | PropTypes.Validator<import("styled-components").CSSProp | undefined>;
-    list: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
-    step: PropTypes.Requireable<string | number | undefined> | PropTypes.Validator<string | number | undefined>;
     defaultChecked: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
     defaultValue: PropTypes.Requireable<string | number | readonly string[] | undefined> | PropTypes.Validator<string | number | readonly string[] | undefined>;
     suppressContentEditableWarning: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
     accessKey: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
+    autoCapitalize: PropTypes.Requireable<(string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined> | PropTypes.Validator<(string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined>;
     autoFocus: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
     contentEditable: PropTypes.Requireable<"inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined> | PropTypes.Validator<"inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined>;
     contextMenu: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     dir: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     draggable: PropTypes.Requireable<(boolean | "true" | "false") | undefined> | PropTypes.Validator<(boolean | "true" | "false") | undefined>;
+    enterKeyHint: PropTypes.Requireable<"search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined> | PropTypes.Validator<"search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined>;
     hidden: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
     nonce: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     spellCheck: PropTypes.Requireable<(boolean | "true" | "false") | undefined> | PropTypes.Validator<(boolean | "true" | "false") | undefined>;
@@ -912,7 +906,6 @@ export declare const basicTextboxPropTypes: {
     rev: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     typeof: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     vocab: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
-    autoCapitalize: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     autoCorrect: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     autoSave: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     itemProp: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
@@ -925,27 +918,28 @@ export declare const basicTextboxPropTypes: {
     unselectable: PropTypes.Requireable<"off" | "on" | undefined> | PropTypes.Validator<"off" | "on" | undefined>;
     inputMode: PropTypes.Requireable<"search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined> | PropTypes.Validator<"search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined>;
     is: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
-    size: PropTypes.Requireable<number | undefined> | PropTypes.Validator<number | undefined>;
     alt: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     src: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
-    value: PropTypes.Requireable<string | number | readonly string[] | undefined> | PropTypes.Validator<string | number | readonly string[] | undefined>;
-    accept: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
-    autoComplete: PropTypes.Requireable<React.HTMLInputAutoCompleteAttribute | undefined> | PropTypes.Validator<React.HTMLInputAutoCompleteAttribute | undefined>;
-    capture: PropTypes.Requireable<boolean | "user" | "environment" | undefined> | PropTypes.Validator<boolean | "user" | "environment" | undefined>;
-    checked: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
     disabled: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
-    enterKeyHint: PropTypes.Requireable<"search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined> | PropTypes.Validator<"search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined>;
     formAction: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     formEncType: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     formMethod: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     formNoValidate: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
     formTarget: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
+    value: PropTypes.Requireable<string | number | readonly string[] | undefined> | PropTypes.Validator<string | number | readonly string[] | undefined>;
+    autoComplete: PropTypes.Requireable<React.HTMLInputAutoCompleteAttribute | undefined> | PropTypes.Validator<React.HTMLInputAutoCompleteAttribute | undefined>;
+    accept: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
+    capture: PropTypes.Requireable<boolean | "user" | "environment" | undefined> | PropTypes.Validator<boolean | "user" | "environment" | undefined>;
+    checked: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
+    list: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     maxLength: PropTypes.Requireable<number | undefined> | PropTypes.Validator<number | undefined>;
     minLength: PropTypes.Requireable<number | undefined> | PropTypes.Validator<number | undefined>;
     multiple: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
     placeholder: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     readOnly: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
     required: PropTypes.Requireable<boolean | undefined> | PropTypes.Validator<boolean | undefined>;
+    size: PropTypes.Requireable<number | undefined> | PropTypes.Validator<number | undefined>;
+    step: PropTypes.Requireable<string | number | undefined> | PropTypes.Validator<string | number | undefined>;
 };
 export declare const basicTextboxDefaultProps: {
     flat: boolean;
@@ -954,8 +948,6 @@ export declare const basicTextboxDefaultProps: {
     style?: React.CSSProperties | undefined;
     title?: string | undefined;
     pattern?: string | undefined;
-    type?: React.HTMLInputTypeAttribute | undefined;
-    name?: string | undefined;
     suppressHydrationWarning?: boolean | undefined;
     className?: string | undefined;
     color?: string | undefined;
@@ -964,6 +956,8 @@ export declare const basicTextboxDefaultProps: {
     lang?: string | undefined;
     max?: string | number | undefined;
     min?: string | number | undefined;
+    name?: string | undefined;
+    type?: React.HTMLInputTypeAttribute | undefined;
     width?: string | number | undefined;
     role?: React.AriaRole | undefined;
     tabIndex?: number | undefined;
@@ -979,7 +973,7 @@ export declare const basicTextboxDefaultProps: {
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -1163,9 +1157,7 @@ export declare const basicTextboxDefaultProps: {
     onPointerCancel?: React.PointerEventHandler<HTMLInputElement> | undefined;
     onPointerCancelCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
     onPointerEnter?: React.PointerEventHandler<HTMLInputElement> | undefined;
-    onPointerEnterCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
     onPointerLeave?: React.PointerEventHandler<HTMLInputElement> | undefined;
-    onPointerLeaveCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
     onPointerOver?: React.PointerEventHandler<HTMLInputElement> | undefined;
     onPointerOverCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
     onPointerOut?: React.PointerEventHandler<HTMLInputElement> | undefined;
@@ -1187,17 +1179,17 @@ export declare const basicTextboxDefaultProps: {
     onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
     css?: import("styled-components").CSSProp | undefined;
-    list?: string | undefined;
-    step?: string | number | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
     autoFocus?: boolean | undefined;
     contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
     hidden?: boolean | undefined;
     nonce?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
@@ -1214,7 +1206,6 @@ export declare const basicTextboxDefaultProps: {
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     itemProp?: string | undefined;
@@ -1227,26 +1218,27 @@ export declare const basicTextboxDefaultProps: {
     unselectable?: "off" | "on" | undefined;
     inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
-    size?: number | undefined;
     alt?: string | undefined;
     src?: string | undefined;
-    value?: string | number | readonly string[] | undefined;
-    accept?: string | undefined;
-    autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
-    capture?: boolean | "user" | "environment" | undefined;
-    checked?: boolean | undefined;
     disabled?: boolean | undefined;
-    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
     formAction?: string | undefined;
     formEncType?: string | undefined;
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;
     formTarget?: string | undefined;
+    value?: string | number | readonly string[] | undefined;
+    autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
+    accept?: string | undefined;
+    capture?: boolean | "user" | "environment" | undefined;
+    checked?: boolean | undefined;
+    list?: string | undefined;
     maxLength?: number | undefined;
     minLength?: number | undefined;
     multiple?: boolean | undefined;
     placeholder?: string | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
+    size?: number | undefined;
+    step?: string | number | undefined;
 };
 export declare function useValidationStyleProps(props: FlatInputProps): ValidationProps;