Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@chakra-ui/form-control
Advanced tools
@chakra-ui/form-control - npm Package Compare versions
Comparing version 1.0.0-rc.5 to 1.0.0-rc.6
@@ -6,2 +6,10 @@ # Change Log | ||
| # 1.0.0-rc.6 (2020-10-25) | ||
| **Note:** Version bump only for package @chakra-ui/form-control | ||
| # 1.0.0-rc.5 (2020-09-27) | ||
@@ -8,0 +16,0 @@ |
| "use strict"; | ||
| exports.__esModule = true; | ||
| exports.FormErrorIcon = exports.FormErrorMessage = exports.FormHelperText = exports.RequiredIndicator = exports.FormLabel = exports.FormControl = exports.useFormControlContext = void 0; | ||
| exports.FormHelperText = exports.FormControl = exports.useFormControlContext = void 0; | ||
| var _hooks = require("@chakra-ui/hooks"); | ||
| var _icon = require("@chakra-ui/icon"); | ||
| var _system = require("@chakra-ui/system"); | ||
@@ -16,4 +14,2 @@ | ||
| var _useFormControl = require("./use-form-control"); | ||
| function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; } | ||
@@ -124,62 +120,2 @@ | ||
| /** | ||
| * Used to enhance the usability of form controls. | ||
| * | ||
| * It is used to inform users as to what information | ||
| * is requested for a form field. | ||
| * | ||
| * ♿️ Accessibility: Every form field should have a form label. | ||
| */ | ||
| var FormLabel = /*#__PURE__*/(0, _system.forwardRef)(function FormLabel(props, ref) { | ||
| var styles = (0, _system.useStyleConfig)("FormLabel", props); | ||
| var _omitThemingProps = (0, _system.omitThemingProps)(props), | ||
| className = _omitThemingProps.className, | ||
| children = _omitThemingProps.children, | ||
| rest = _objectWithoutPropertiesLoose(_omitThemingProps, ["className", "children"]); | ||
| var ownProps = (0, _useFormControl.useFormControlLabel)(rest); | ||
| var field = useFormControlContext(); | ||
| return /*#__PURE__*/React.createElement(_system.chakra.label, _extends({ | ||
| ref: ref, | ||
| className: (0, _utils.cx)("chakra-form__label", props.className), | ||
| __css: _extends({ | ||
| display: "block", | ||
| textAlign: "left" | ||
| }, styles) | ||
| }, ownProps), children, (field == null ? void 0 : field.isRequired) && /*#__PURE__*/React.createElement(RequiredIndicator, null)); | ||
| }); | ||
| exports.FormLabel = FormLabel; | ||
| if (_utils.__DEV__) { | ||
| FormLabel.displayName = "FormLabel"; | ||
| } | ||
| /** | ||
| * Used to show a "required" text or an asterisks (*) to indicate that | ||
| * a field is required. | ||
| */ | ||
| var RequiredIndicator = /*#__PURE__*/(0, _system.forwardRef)(function RequiredIndicator(props, ref) { | ||
| var field = useFormControlContext(); | ||
| var styles = (0, _system.useStyles)(); | ||
| if (!(field == null ? void 0 : field.isRequired)) return null; | ||
| var _className = (0, _utils.cx)("chakra-form__required-indicator", props.className); | ||
| return /*#__PURE__*/React.createElement(_system.chakra.span, _extends({ | ||
| role: "presentation", | ||
| "aria-hidden": true, | ||
| ref: ref | ||
| }, props, { | ||
| __css: styles.requiredIndicator, | ||
| className: _className, | ||
| children: props.children || "*" | ||
| })); | ||
| }); | ||
| exports.RequiredIndicator = RequiredIndicator; | ||
| if (_utils.__DEV__) { | ||
| RequiredIndicator.displayName = "RequiredIndicator"; | ||
| } | ||
| /** | ||
| * FormHelperText | ||
@@ -203,3 +139,3 @@ * | ||
| if (field == null ? void 0 : field.isInvalid) { | ||
| return; | ||
| return undefined; | ||
| } | ||
@@ -232,62 +168,2 @@ | ||
| } | ||
| /** | ||
| * Used to provide feedback about an invalid input, | ||
| * and suggest clear instrctions on how to fix it. | ||
| */ | ||
| var FormErrorMessage = /*#__PURE__*/(0, _system.forwardRef)(function FormErrorMessage(props, ref) { | ||
| var _props$id2; | ||
| var styles = (0, _system.useStyles)(); | ||
| var field = useFormControlContext(); | ||
| if (!(field == null ? void 0 : field.isInvalid)) return null; | ||
| var _className = (0, _utils.cx)("chakra-form__error-message", props.className); | ||
| return /*#__PURE__*/React.createElement(_system.chakra.div, _extends({ | ||
| "aria-live": "polite", | ||
| ref: ref | ||
| }, props, { | ||
| __css: _extends({ | ||
| display: "flex", | ||
| alignItems: "center" | ||
| }, styles.errorText), | ||
| className: _className, | ||
| id: (_props$id2 = props.id) != null ? _props$id2 : field == null ? void 0 : field.feedbackId | ||
| })); | ||
| }); | ||
| exports.FormErrorMessage = FormErrorMessage; | ||
| if (_utils.__DEV__) { | ||
| FormErrorMessage.displayName = "FormErrorMessage"; | ||
| } | ||
| /** | ||
| * Used as the visual indicator that a field is invalid or | ||
| * a field has incorrect values. | ||
| */ | ||
| var FormErrorIcon = /*#__PURE__*/(0, _system.forwardRef)(function FormErrorIcon(props, ref) { | ||
| var styles = (0, _system.useStyles)(); | ||
| var field = useFormControlContext(); | ||
| if (!(field == null ? void 0 : field.isInvalid)) return null; | ||
| var _className = (0, _utils.cx)("chakra-form__error-icon", props.className); | ||
| return /*#__PURE__*/React.createElement(_icon.Icon, _extends({ | ||
| ref: ref, | ||
| "aria-hidden": true | ||
| }, props, { | ||
| __css: styles.errorIcon, | ||
| className: _className | ||
| }), /*#__PURE__*/React.createElement("path", { | ||
| fill: "currentColor", | ||
| d: "M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z" | ||
| })); | ||
| }); | ||
| exports.FormErrorIcon = FormErrorIcon; | ||
| if (_utils.__DEV__) { | ||
| FormErrorIcon.displayName = "FormErrorIcon"; | ||
| } | ||
| //# sourceMappingURL=form-control.js.map |
@@ -9,2 +9,3 @@ "use strict"; | ||
| if (key === "default" || key === "__esModule") return; | ||
| if (key in exports && exports[key] === _formControl[key]) return; | ||
| exports[key] = _formControl[key]; | ||
@@ -17,4 +18,21 @@ }); | ||
| if (key === "default" || key === "__esModule") return; | ||
| if (key in exports && exports[key] === _useFormControl[key]) return; | ||
| exports[key] = _useFormControl[key]; | ||
| }); | ||
| var _formError = require("./form-error"); | ||
| Object.keys(_formError).forEach(function (key) { | ||
| if (key === "default" || key === "__esModule") return; | ||
| if (key in exports && exports[key] === _formError[key]) return; | ||
| exports[key] = _formError[key]; | ||
| }); | ||
| var _useFormLabel = require("./use-form-label"); | ||
| Object.keys(_useFormLabel).forEach(function (key) { | ||
| if (key === "default" || key === "__esModule") return; | ||
| if (key in exports && exports[key] === _useFormLabel[key]) return; | ||
| exports[key] = _useFormLabel[key]; | ||
| }); | ||
| //# sourceMappingURL=index.js.map |
@@ -5,8 +5,7 @@ "use strict"; | ||
| exports.useFormControl = useFormControl; | ||
| exports.useFormControlLabel = useFormControlLabel; | ||
| var _utils = require("@chakra-ui/utils"); | ||
| var _formControl = require("./form-control"); | ||
| var _utils = require("@chakra-ui/utils"); | ||
| function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
@@ -55,17 +54,2 @@ | ||
| } | ||
| function useFormControlLabel(props) { | ||
| var _props$id2, _props$htmlFor; | ||
| var field = (0, _formControl.useFormControlContext)(); | ||
| return _extends({}, props, { | ||
| "data-focus": (0, _utils.dataAttr)(field == null ? void 0 : field.isFocused), | ||
| "data-disabled": (0, _utils.dataAttr)(field == null ? void 0 : field.isDisabled), | ||
| "data-invalid": (0, _utils.dataAttr)(field == null ? void 0 : field.isInvalid), | ||
| "data-loading": (0, _utils.dataAttr)(field == null ? void 0 : field.isLoading), | ||
| "data-readonly": (0, _utils.dataAttr)(field == null ? void 0 : field.isReadOnly), | ||
| id: (_props$id2 = props.id) != null ? _props$id2 : field == null ? void 0 : field.labelId, | ||
| htmlFor: (_props$htmlFor = props.htmlFor) != null ? _props$htmlFor : field == null ? void 0 : field.id | ||
| }); | ||
| } | ||
| //# sourceMappingURL=use-form-control.js.map |
@@ -6,7 +6,5 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
| import { useBoolean, useId, useSafeLayoutEffect } from "@chakra-ui/hooks"; | ||
| import { Icon } from "@chakra-ui/icon"; | ||
| import { chakra, forwardRef, omitThemingProps, StylesProvider, useMultiStyleConfig, useStyleConfig, useStyles } from "@chakra-ui/system"; | ||
| import { chakra, forwardRef, omitThemingProps, StylesProvider, useMultiStyleConfig, useStyles } from "@chakra-ui/system"; | ||
| import { createContext, cx, __DEV__ } from "@chakra-ui/utils"; | ||
| import * as React from "react"; | ||
| import { useFormControlLabel } from "./use-form-control"; | ||
| var [FormControlProvider, useFormControlContext] = createContext({ | ||
@@ -103,61 +101,2 @@ strict: false, | ||
| /** | ||
| * Used to enhance the usability of form controls. | ||
| * | ||
| * It is used to inform users as to what information | ||
| * is requested for a form field. | ||
| * | ||
| * ♿️ Accessibility: Every form field should have a form label. | ||
| */ | ||
| export var FormLabel = /*#__PURE__*/forwardRef(function FormLabel(props, ref) { | ||
| var styles = useStyleConfig("FormLabel", props); | ||
| var _omitThemingProps = omitThemingProps(props), | ||
| { | ||
| children | ||
| } = _omitThemingProps, | ||
| rest = _objectWithoutPropertiesLoose(_omitThemingProps, ["className", "children"]); | ||
| var ownProps = useFormControlLabel(rest); | ||
| var field = useFormControlContext(); | ||
| return /*#__PURE__*/React.createElement(chakra.label, _extends({ | ||
| ref: ref, | ||
| className: cx("chakra-form__label", props.className), | ||
| __css: _extends({ | ||
| display: "block", | ||
| textAlign: "left" | ||
| }, styles) | ||
| }, ownProps), children, (field == null ? void 0 : field.isRequired) && /*#__PURE__*/React.createElement(RequiredIndicator, null)); | ||
| }); | ||
| if (__DEV__) { | ||
| FormLabel.displayName = "FormLabel"; | ||
| } | ||
| /** | ||
| * Used to show a "required" text or an asterisks (*) to indicate that | ||
| * a field is required. | ||
| */ | ||
| export var RequiredIndicator = /*#__PURE__*/forwardRef(function RequiredIndicator(props, ref) { | ||
| var field = useFormControlContext(); | ||
| var styles = useStyles(); | ||
| if (!(field == null ? void 0 : field.isRequired)) return null; | ||
| var _className = cx("chakra-form__required-indicator", props.className); | ||
| return /*#__PURE__*/React.createElement(chakra.span, _extends({ | ||
| role: "presentation", | ||
| "aria-hidden": true, | ||
| ref: ref | ||
| }, props, { | ||
| __css: styles.requiredIndicator, | ||
| className: _className, | ||
| children: props.children || "*" | ||
| })); | ||
| }); | ||
| if (__DEV__) { | ||
| RequiredIndicator.displayName = "RequiredIndicator"; | ||
| } | ||
| /** | ||
| * FormHelperText | ||
@@ -181,3 +120,3 @@ * | ||
| if (field == null ? void 0 : field.isInvalid) { | ||
| return; | ||
| return undefined; | ||
| } | ||
@@ -207,60 +146,2 @@ | ||
| } | ||
| /** | ||
| * Used to provide feedback about an invalid input, | ||
| * and suggest clear instrctions on how to fix it. | ||
| */ | ||
| export var FormErrorMessage = /*#__PURE__*/forwardRef(function FormErrorMessage(props, ref) { | ||
| var _props$id2; | ||
| var styles = useStyles(); | ||
| var field = useFormControlContext(); | ||
| if (!(field == null ? void 0 : field.isInvalid)) return null; | ||
| var _className = cx("chakra-form__error-message", props.className); | ||
| return /*#__PURE__*/React.createElement(chakra.div, _extends({ | ||
| "aria-live": "polite", | ||
| ref: ref | ||
| }, props, { | ||
| __css: _extends({ | ||
| display: "flex", | ||
| alignItems: "center" | ||
| }, styles.errorText), | ||
| className: _className, | ||
| id: (_props$id2 = props.id) != null ? _props$id2 : field == null ? void 0 : field.feedbackId | ||
| })); | ||
| }); | ||
| if (__DEV__) { | ||
| FormErrorMessage.displayName = "FormErrorMessage"; | ||
| } | ||
| /** | ||
| * Used as the visual indicator that a field is invalid or | ||
| * a field has incorrect values. | ||
| */ | ||
| export var FormErrorIcon = /*#__PURE__*/forwardRef(function FormErrorIcon(props, ref) { | ||
| var styles = useStyles(); | ||
| var field = useFormControlContext(); | ||
| if (!(field == null ? void 0 : field.isInvalid)) return null; | ||
| var _className = cx("chakra-form__error-icon", props.className); | ||
| return /*#__PURE__*/React.createElement(Icon, _extends({ | ||
| ref: ref, | ||
| "aria-hidden": true | ||
| }, props, { | ||
| __css: styles.errorIcon, | ||
| className: _className | ||
| }), /*#__PURE__*/React.createElement("path", { | ||
| fill: "currentColor", | ||
| d: "M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z" | ||
| })); | ||
| }); | ||
| if (__DEV__) { | ||
| FormErrorIcon.displayName = "FormErrorIcon"; | ||
| } | ||
| //# sourceMappingURL=form-control.js.map |
| export * from "./form-control"; | ||
| export * from "./use-form-control"; | ||
| export * from "./form-error"; | ||
| export * from "./use-form-label"; | ||
| //# sourceMappingURL=index.js.map |
| function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
| import { ariaAttr, callAllHandlers, omit } from "@chakra-ui/utils"; | ||
| import { useFormControlContext } from "./form-control"; | ||
| import { ariaAttr, dataAttr, callAllHandlers, omit } from "@chakra-ui/utils"; | ||
@@ -47,16 +47,2 @@ /** | ||
| } | ||
| export function useFormControlLabel(props) { | ||
| var _props$id2, _props$htmlFor; | ||
| var field = useFormControlContext(); | ||
| return _extends({}, props, { | ||
| "data-focus": dataAttr(field == null ? void 0 : field.isFocused), | ||
| "data-disabled": dataAttr(field == null ? void 0 : field.isDisabled), | ||
| "data-invalid": dataAttr(field == null ? void 0 : field.isInvalid), | ||
| "data-loading": dataAttr(field == null ? void 0 : field.isLoading), | ||
| "data-readonly": dataAttr(field == null ? void 0 : field.isReadOnly), | ||
| id: (_props$id2 = props.id) != null ? _props$id2 : field == null ? void 0 : field.labelId, | ||
| htmlFor: (_props$htmlFor = props.htmlFor) != null ? _props$htmlFor : field == null ? void 0 : field.id | ||
| }); | ||
| } | ||
| //# sourceMappingURL=use-form-control.js.map |
@@ -1,3 +0,2 @@ | ||
| import { IconProps } from "@chakra-ui/icon"; | ||
| import { chakra, PropsOf, ThemingProps } from "@chakra-ui/system"; | ||
| import { ThemingProps, WithChakraProps } from "@chakra-ui/system"; | ||
| export interface FormControlOptions { | ||
@@ -90,3 +89,3 @@ /** | ||
| export { useFormControlContext }; | ||
| export interface FormControlProps extends PropsOf<typeof chakra.div>, ThemingProps, FormControlContext { | ||
| export interface FormControlProps extends WithChakraProps<"div">, ThemingProps, FormControlContext { | ||
| } | ||
@@ -100,24 +99,6 @@ /** | ||
| */ | ||
| export declare const FormControl: import("@chakra-ui/system").ComponentWithAs<"div", Pick<FormControlProps, "isRequired" | "isInvalid" | "isLoading" | "isReadOnly" | "isDisabled" | "id" | "label" | "errorText" | "helperText" | "onFocus" | "onBlur" | "p" | "slot" | "style" | "title" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "_hover" | "_active" | "_focus" | "_highlighted" | "_focusWithin" | "_focusVisible" | "_disabled" | "_readOnly" | "_before" | "_after" | "_empty" | "_expanded" | "_checked" | "_grabbed" | "_pressed" | "_invalid" | "_valid" | "_loading" | "_selected" | "_hidden" | "_autofill" | "_even" | "_odd" | "_first" | "_last" | "_notFirst" | "_notLast" | "_visited" | "_activeLink" | "_indeterminate" | "_groupHover" | "_groupFocus" | "_groupActive" | "_groupDisabled" | "_groupInvalid" | "_groupChecked" | "_placeholder" | "_fullScreen" | "_selection" | "layerStyle" | "textStyle" | "apply" | "isTruncated" | "noOfLines" | "__css" | "sx" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "fill" | "stroke" | "opacity" | "transition" | "transitionProperty" | "transitionTimingFunction" | "transitionDuration" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "fontFamily" | "textAlign" | "fontStyle" | "wordBreak" | "overflowWrap" | "textOverflow" | "textTransform" | "whiteSpace" | "textDecoration" | "textDecor" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexBasis" | "flexDirection" | "flexDir" | "flex" | "justifySelf" | "alignSelf" | "order" | "flexGrow" | "flexShrink" | "transform" | "transformOrigin" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumnStart" | "gridColumnEnd" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "placeItems" | "display" | "d" | "width" | "w" | "boxSize" | "maxWidth" | "maxW" | "minWidth" | "minW" | "height" | "h" | "maxHeight" | "maxH" | "minHeight" | "minH" | "verticalAlign" | "overflow" | "overflowX" | "overflowY" | "boxSizing" | "border" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "rounded" | "borderTop" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRight" | "borderBottom" | "borderLeft" | "borderTopRadius" | "roundedTop" | "borderRightRadius" | "roundedRight" | "borderBottomRadius" | "roundedBottom" | "borderLeftRadius" | "roundedLeft" | "borderTopLeftRadius" | "roundedTopLeft" | "borderTopRightRadius" | "roundedTopRight" | "borderBottomLeftRadius" | "roundedBottomLeft" | "borderBottomRightRadius" | "roundedBottomRight" | "borderX" | "borderY" | "boxShadow" | "shadow" | "textShadow" | "bg" | "background" | "bgColor" | "backgroundColor" | "backgroundImage" | "backgroundBlendMode" | "bgBlendMode" | "backgroundSize" | "bgPos" | "backgroundPosition" | "bgImage" | "bgImg" | "bgRepeat" | "backgroundRepeat" | "bgSize" | "bgAttachment" | "backgroundAttachment" | "bgPosition" | "listStyleType" | "listStylePosition" | "listStylePos" | "listStyleImage" | "listStyleImg" | "zIndex" | "top" | "right" | "bottom" | "left" | "inset" | "insetX" | "insetY" | "pos" | "position" | "outline" | "outlineOffset" | "outlineColor" | "animation" | "appearance" | "visibility" | "userSelect" | "pointerEvents" | "cursor" | "resize" | "objectFit" | "objectPosition" | "float" | "willChange" | "variant" | "size" | "colorScheme" | "orientation" | "styleConfig">>; | ||
| export interface FormLabelProps extends PropsOf<typeof chakra.label>, ThemingProps { | ||
| export declare const FormControl: import("@chakra-ui/system").ComponentWithAs<"div", FormControlProps>; | ||
| export interface HelpTextProps extends WithChakraProps<"div"> { | ||
| } | ||
| /** | ||
| * Used to enhance the usability of form controls. | ||
| * | ||
| * It is used to inform users as to what information | ||
| * is requested for a form field. | ||
| * | ||
| * ♿️ Accessibility: Every form field should have a form label. | ||
| */ | ||
| export declare const FormLabel: import("@chakra-ui/system").ComponentWithAs<"label", Pick<FormLabelProps, "id" | "onFocus" | "onBlur" | "form" | "p" | "slot" | "style" | "title" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "_hover" | "_active" | "_focus" | "_highlighted" | "_focusWithin" | "_focusVisible" | "_disabled" | "_readOnly" | "_before" | "_after" | "_empty" | "_expanded" | "_checked" | "_grabbed" | "_pressed" | "_invalid" | "_valid" | "_loading" | "_selected" | "_hidden" | "_autofill" | "_even" | "_odd" | "_first" | "_last" | "_notFirst" | "_notLast" | "_visited" | "_activeLink" | "_indeterminate" | "_groupHover" | "_groupFocus" | "_groupActive" | "_groupDisabled" | "_groupInvalid" | "_groupChecked" | "_placeholder" | "_fullScreen" | "_selection" | "layerStyle" | "textStyle" | "apply" | "isTruncated" | "noOfLines" | "__css" | "sx" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "fill" | "stroke" | "opacity" | "transition" | "transitionProperty" | "transitionTimingFunction" | "transitionDuration" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "fontFamily" | "textAlign" | "fontStyle" | "wordBreak" | "overflowWrap" | "textOverflow" | "textTransform" | "whiteSpace" | "textDecoration" | "textDecor" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexBasis" | "flexDirection" | "flexDir" | "flex" | "justifySelf" | "alignSelf" | "order" | "flexGrow" | "flexShrink" | "transform" | "transformOrigin" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumnStart" | "gridColumnEnd" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "placeItems" | "display" | "d" | "width" | "w" | "boxSize" | "maxWidth" | "maxW" | "minWidth" | "minW" | "height" | "h" | "maxHeight" | "maxH" | "minHeight" | "minH" | "verticalAlign" | "overflow" | "overflowX" | "overflowY" | "boxSizing" | "border" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "rounded" | "borderTop" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRight" | "borderBottom" | "borderLeft" | "borderTopRadius" | "roundedTop" | "borderRightRadius" | "roundedRight" | "borderBottomRadius" | "roundedBottom" | "borderLeftRadius" | "roundedLeft" | "borderTopLeftRadius" | "roundedTopLeft" | "borderTopRightRadius" | "roundedTopRight" | "borderBottomLeftRadius" | "roundedBottomLeft" | "borderBottomRightRadius" | "roundedBottomRight" | "borderX" | "borderY" | "boxShadow" | "shadow" | "textShadow" | "bg" | "background" | "bgColor" | "backgroundColor" | "backgroundImage" | "backgroundBlendMode" | "bgBlendMode" | "backgroundSize" | "bgPos" | "backgroundPosition" | "bgImage" | "bgImg" | "bgRepeat" | "backgroundRepeat" | "bgSize" | "bgAttachment" | "backgroundAttachment" | "bgPosition" | "listStyleType" | "listStylePosition" | "listStylePos" | "listStyleImage" | "listStyleImg" | "zIndex" | "top" | "right" | "bottom" | "left" | "inset" | "insetX" | "insetY" | "pos" | "position" | "outline" | "outlineOffset" | "outlineColor" | "animation" | "appearance" | "visibility" | "userSelect" | "pointerEvents" | "cursor" | "resize" | "objectFit" | "objectPosition" | "float" | "willChange" | "variant" | "size" | "colorScheme" | "orientation" | "styleConfig" | "htmlFor">>; | ||
| export interface RequiredIndicatorProps extends PropsOf<typeof chakra.span> { | ||
| } | ||
| /** | ||
| * Used to show a "required" text or an asterisks (*) to indicate that | ||
| * a field is required. | ||
| */ | ||
| export declare const RequiredIndicator: import("@chakra-ui/system").ComponentWithAs<"span", Pick<RequiredIndicatorProps, "id" | "onFocus" | "onBlur" | "p" | "slot" | "style" | "title" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "_hover" | "_active" | "_focus" | "_highlighted" | "_focusWithin" | "_focusVisible" | "_disabled" | "_readOnly" | "_before" | "_after" | "_empty" | "_expanded" | "_checked" | "_grabbed" | "_pressed" | "_invalid" | "_valid" | "_loading" | "_selected" | "_hidden" | "_autofill" | "_even" | "_odd" | "_first" | "_last" | "_notFirst" | "_notLast" | "_visited" | "_activeLink" | "_indeterminate" | "_groupHover" | "_groupFocus" | "_groupActive" | "_groupDisabled" | "_groupInvalid" | "_groupChecked" | "_placeholder" | "_fullScreen" | "_selection" | "layerStyle" | "textStyle" | "apply" | "isTruncated" | "noOfLines" | "__css" | "sx" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "fill" | "stroke" | "opacity" | "transition" | "transitionProperty" | "transitionTimingFunction" | "transitionDuration" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "fontFamily" | "textAlign" | "fontStyle" | "wordBreak" | "overflowWrap" | "textOverflow" | "textTransform" | "whiteSpace" | "textDecoration" | "textDecor" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexBasis" | "flexDirection" | "flexDir" | "flex" | "justifySelf" | "alignSelf" | "order" | "flexGrow" | "flexShrink" | "transform" | "transformOrigin" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumnStart" | "gridColumnEnd" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "placeItems" | "display" | "d" | "width" | "w" | "boxSize" | "maxWidth" | "maxW" | "minWidth" | "minW" | "height" | "h" | "maxHeight" | "maxH" | "minHeight" | "minH" | "verticalAlign" | "overflow" | "overflowX" | "overflowY" | "boxSizing" | "border" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "rounded" | "borderTop" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRight" | "borderBottom" | "borderLeft" | "borderTopRadius" | "roundedTop" | "borderRightRadius" | "roundedRight" | "borderBottomRadius" | "roundedBottom" | "borderLeftRadius" | "roundedLeft" | "borderTopLeftRadius" | "roundedTopLeft" | "borderTopRightRadius" | "roundedTopRight" | "borderBottomLeftRadius" | "roundedBottomLeft" | "borderBottomRightRadius" | "roundedBottomRight" | "borderX" | "borderY" | "boxShadow" | "shadow" | "textShadow" | "bg" | "background" | "bgColor" | "backgroundColor" | "backgroundImage" | "backgroundBlendMode" | "bgBlendMode" | "backgroundSize" | "bgPos" | "backgroundPosition" | "bgImage" | "bgImg" | "bgRepeat" | "backgroundRepeat" | "bgSize" | "bgAttachment" | "backgroundAttachment" | "bgPosition" | "listStyleType" | "listStylePosition" | "listStylePos" | "listStyleImage" | "listStyleImg" | "zIndex" | "top" | "right" | "bottom" | "left" | "inset" | "insetX" | "insetY" | "pos" | "position" | "outline" | "outlineOffset" | "outlineColor" | "animation" | "appearance" | "visibility" | "userSelect" | "pointerEvents" | "cursor" | "resize" | "objectFit" | "objectPosition" | "float" | "willChange">>; | ||
| export interface HelpTextProps extends PropsOf<typeof chakra.div> { | ||
| } | ||
| /** | ||
| * FormHelperText | ||
@@ -129,14 +110,2 @@ * | ||
| */ | ||
| export declare const FormHelperText: import("@chakra-ui/system").ComponentWithAs<"div", Pick<HelpTextProps, "id" | "onFocus" | "onBlur" | "p" | "slot" | "style" | "title" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "_hover" | "_active" | "_focus" | "_highlighted" | "_focusWithin" | "_focusVisible" | "_disabled" | "_readOnly" | "_before" | "_after" | "_empty" | "_expanded" | "_checked" | "_grabbed" | "_pressed" | "_invalid" | "_valid" | "_loading" | "_selected" | "_hidden" | "_autofill" | "_even" | "_odd" | "_first" | "_last" | "_notFirst" | "_notLast" | "_visited" | "_activeLink" | "_indeterminate" | "_groupHover" | "_groupFocus" | "_groupActive" | "_groupDisabled" | "_groupInvalid" | "_groupChecked" | "_placeholder" | "_fullScreen" | "_selection" | "layerStyle" | "textStyle" | "apply" | "isTruncated" | "noOfLines" | "__css" | "sx" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "fill" | "stroke" | "opacity" | "transition" | "transitionProperty" | "transitionTimingFunction" | "transitionDuration" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "fontFamily" | "textAlign" | "fontStyle" | "wordBreak" | "overflowWrap" | "textOverflow" | "textTransform" | "whiteSpace" | "textDecoration" | "textDecor" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexBasis" | "flexDirection" | "flexDir" | "flex" | "justifySelf" | "alignSelf" | "order" | "flexGrow" | "flexShrink" | "transform" | "transformOrigin" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumnStart" | "gridColumnEnd" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "placeItems" | "display" | "d" | "width" | "w" | "boxSize" | "maxWidth" | "maxW" | "minWidth" | "minW" | "height" | "h" | "maxHeight" | "maxH" | "minHeight" | "minH" | "verticalAlign" | "overflow" | "overflowX" | "overflowY" | "boxSizing" | "border" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "rounded" | "borderTop" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRight" | "borderBottom" | "borderLeft" | "borderTopRadius" | "roundedTop" | "borderRightRadius" | "roundedRight" | "borderBottomRadius" | "roundedBottom" | "borderLeftRadius" | "roundedLeft" | "borderTopLeftRadius" | "roundedTopLeft" | "borderTopRightRadius" | "roundedTopRight" | "borderBottomLeftRadius" | "roundedBottomLeft" | "borderBottomRightRadius" | "roundedBottomRight" | "borderX" | "borderY" | "boxShadow" | "shadow" | "textShadow" | "bg" | "background" | "bgColor" | "backgroundColor" | "backgroundImage" | "backgroundBlendMode" | "bgBlendMode" | "backgroundSize" | "bgPos" | "backgroundPosition" | "bgImage" | "bgImg" | "bgRepeat" | "backgroundRepeat" | "bgSize" | "bgAttachment" | "backgroundAttachment" | "bgPosition" | "listStyleType" | "listStylePosition" | "listStylePos" | "listStyleImage" | "listStyleImg" | "zIndex" | "top" | "right" | "bottom" | "left" | "inset" | "insetX" | "insetY" | "pos" | "position" | "outline" | "outlineOffset" | "outlineColor" | "animation" | "appearance" | "visibility" | "userSelect" | "pointerEvents" | "cursor" | "resize" | "objectFit" | "objectPosition" | "float" | "willChange">>; | ||
| export interface FormErrorMessageProps extends PropsOf<typeof chakra.div> { | ||
| } | ||
| /** | ||
| * Used to provide feedback about an invalid input, | ||
| * and suggest clear instrctions on how to fix it. | ||
| */ | ||
| export declare const FormErrorMessage: import("@chakra-ui/system").ComponentWithAs<"div", Pick<FormErrorMessageProps, "id" | "onFocus" | "onBlur" | "p" | "slot" | "style" | "title" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "_hover" | "_active" | "_focus" | "_highlighted" | "_focusWithin" | "_focusVisible" | "_disabled" | "_readOnly" | "_before" | "_after" | "_empty" | "_expanded" | "_checked" | "_grabbed" | "_pressed" | "_invalid" | "_valid" | "_loading" | "_selected" | "_hidden" | "_autofill" | "_even" | "_odd" | "_first" | "_last" | "_notFirst" | "_notLast" | "_visited" | "_activeLink" | "_indeterminate" | "_groupHover" | "_groupFocus" | "_groupActive" | "_groupDisabled" | "_groupInvalid" | "_groupChecked" | "_placeholder" | "_fullScreen" | "_selection" | "layerStyle" | "textStyle" | "apply" | "isTruncated" | "noOfLines" | "__css" | "sx" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "fill" | "stroke" | "opacity" | "transition" | "transitionProperty" | "transitionTimingFunction" | "transitionDuration" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "fontFamily" | "textAlign" | "fontStyle" | "wordBreak" | "overflowWrap" | "textOverflow" | "textTransform" | "whiteSpace" | "textDecoration" | "textDecor" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexBasis" | "flexDirection" | "flexDir" | "flex" | "justifySelf" | "alignSelf" | "order" | "flexGrow" | "flexShrink" | "transform" | "transformOrigin" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumnStart" | "gridColumnEnd" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "placeItems" | "display" | "d" | "width" | "w" | "boxSize" | "maxWidth" | "maxW" | "minWidth" | "minW" | "height" | "h" | "maxHeight" | "maxH" | "minHeight" | "minH" | "verticalAlign" | "overflow" | "overflowX" | "overflowY" | "boxSizing" | "border" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "rounded" | "borderTop" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRight" | "borderBottom" | "borderLeft" | "borderTopRadius" | "roundedTop" | "borderRightRadius" | "roundedRight" | "borderBottomRadius" | "roundedBottom" | "borderLeftRadius" | "roundedLeft" | "borderTopLeftRadius" | "roundedTopLeft" | "borderTopRightRadius" | "roundedTopRight" | "borderBottomLeftRadius" | "roundedBottomLeft" | "borderBottomRightRadius" | "roundedBottomRight" | "borderX" | "borderY" | "boxShadow" | "shadow" | "textShadow" | "bg" | "background" | "bgColor" | "backgroundColor" | "backgroundImage" | "backgroundBlendMode" | "bgBlendMode" | "backgroundSize" | "bgPos" | "backgroundPosition" | "bgImage" | "bgImg" | "bgRepeat" | "backgroundRepeat" | "bgSize" | "bgAttachment" | "backgroundAttachment" | "bgPosition" | "listStyleType" | "listStylePosition" | "listStylePos" | "listStyleImage" | "listStyleImg" | "zIndex" | "top" | "right" | "bottom" | "left" | "inset" | "insetX" | "insetY" | "pos" | "position" | "outline" | "outlineOffset" | "outlineColor" | "animation" | "appearance" | "visibility" | "userSelect" | "pointerEvents" | "cursor" | "resize" | "objectFit" | "objectPosition" | "float" | "willChange">>; | ||
| /** | ||
| * Used as the visual indicator that a field is invalid or | ||
| * a field has incorrect values. | ||
| */ | ||
| export declare const FormErrorIcon: import("@chakra-ui/system").ComponentWithAs<"svg", Pick<IconProps, "string" | "id" | "onFocus" | "onBlur" | "p" | "style" | "clipPath" | "filter" | "mask" | "path" | "ref" | "key" | "className" | "lang" | "tabIndex" | "role" | "color" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "_hover" | "_active" | "_focus" | "_highlighted" | "_focusWithin" | "_focusVisible" | "_disabled" | "_readOnly" | "_before" | "_after" | "_empty" | "_expanded" | "_checked" | "_grabbed" | "_pressed" | "_invalid" | "_valid" | "_loading" | "_selected" | "_hidden" | "_autofill" | "_even" | "_odd" | "_first" | "_last" | "_notFirst" | "_notLast" | "_visited" | "_activeLink" | "_indeterminate" | "_groupHover" | "_groupFocus" | "_groupActive" | "_groupDisabled" | "_groupInvalid" | "_groupChecked" | "_placeholder" | "_fullScreen" | "_selection" | "layerStyle" | "textStyle" | "apply" | "isTruncated" | "noOfLines" | "__css" | "sx" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "fill" | "stroke" | "opacity" | "transition" | "transitionProperty" | "transitionTimingFunction" | "transitionDuration" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "fontFamily" | "textAlign" | "fontStyle" | "wordBreak" | "overflowWrap" | "textOverflow" | "textTransform" | "whiteSpace" | "textDecoration" | "textDecor" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexBasis" | "flexDirection" | "flexDir" | "flex" | "justifySelf" | "alignSelf" | "order" | "flexGrow" | "flexShrink" | "transform" | "transformOrigin" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumnStart" | "gridColumnEnd" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "placeItems" | "display" | "d" | "width" | "w" | "boxSize" | "maxWidth" | "maxW" | "minWidth" | "minW" | "height" | "h" | "maxHeight" | "maxH" | "minHeight" | "minH" | "verticalAlign" | "overflow" | "overflowX" | "overflowY" | "boxSizing" | "border" | "borderWidth" | "borderStyle" | "borderColor" | "borderRadius" | "rounded" | "borderTop" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRight" | "borderBottom" | "borderLeft" | "borderTopRadius" | "roundedTop" | "borderRightRadius" | "roundedRight" | "borderBottomRadius" | "roundedBottom" | "borderLeftRadius" | "roundedLeft" | "borderTopLeftRadius" | "roundedTopLeft" | "borderTopRightRadius" | "roundedTopRight" | "borderBottomLeftRadius" | "roundedBottomLeft" | "borderBottomRightRadius" | "roundedBottomRight" | "borderX" | "borderY" | "boxShadow" | "shadow" | "textShadow" | "bg" | "background" | "bgColor" | "backgroundColor" | "backgroundImage" | "backgroundBlendMode" | "bgBlendMode" | "backgroundSize" | "bgPos" | "backgroundPosition" | "bgImage" | "bgImg" | "bgRepeat" | "backgroundRepeat" | "bgSize" | "bgAttachment" | "backgroundAttachment" | "bgPosition" | "listStyleType" | "listStylePosition" | "listStylePos" | "listStyleImage" | "listStyleImg" | "zIndex" | "top" | "right" | "bottom" | "left" | "inset" | "insetX" | "insetY" | "pos" | "position" | "outline" | "outlineOffset" | "outlineColor" | "animation" | "appearance" | "visibility" | "userSelect" | "pointerEvents" | "cursor" | "resize" | "objectFit" | "objectPosition" | "float" | "willChange" | "orientation" | "max" | "media" | "method" | "min" | "name" | "target" | "type" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "offset" | "operator" | "orient" | "origin" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textLength" | "textRendering" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan">>; | ||
| export declare const FormHelperText: import("@chakra-ui/system").ComponentWithAs<"div", HelpTextProps>; |
| export * from "./form-control"; | ||
| export * from "./use-form-control"; | ||
| export * from "./form-error"; | ||
| export * from "./use-form-label"; |
| import { FocusEventHandler } from "react"; | ||
| import { FormControlOptions } from "./form-control"; | ||
| import { Dict } from "@chakra-ui/utils"; | ||
| export interface UseFormControlProps<T extends HTMLElement> extends FormControlOptions { | ||
@@ -32,10 +31,1 @@ id?: string; | ||
| }; | ||
| export declare function useFormControlLabel(props: Dict): { | ||
| "data-focus": import("@chakra-ui/utils").Booleanish; | ||
| "data-disabled": import("@chakra-ui/utils").Booleanish; | ||
| "data-invalid": import("@chakra-ui/utils").Booleanish; | ||
| "data-loading": import("@chakra-ui/utils").Booleanish; | ||
| "data-readonly": import("@chakra-ui/utils").Booleanish; | ||
| id: any; | ||
| htmlFor: any; | ||
| }; |
| { | ||
| "name": "@chakra-ui/form-control", | ||
| "version": "1.0.0-rc.5", | ||
| "version": "1.0.0-rc.6", | ||
| "description": "React component to provide validation states to form fields", | ||
@@ -24,2 +24,8 @@ "keywords": [ | ||
| "typings": "dist/types/index.d.ts", | ||
| "exports": { | ||
| ".": { | ||
| "require": "./dist/cjs/index.js", | ||
| "default": "./dist/esm/index.js" | ||
| } | ||
| }, | ||
| "files": [ | ||
@@ -53,14 +59,14 @@ "dist" | ||
| "dependencies": { | ||
| "@chakra-ui/hooks": "1.0.0-rc.5", | ||
| "@chakra-ui/icon": "1.0.0-rc.5", | ||
| "@chakra-ui/utils": "1.0.0-rc.5" | ||
| "@chakra-ui/hooks": "1.0.0-rc.6", | ||
| "@chakra-ui/icon": "1.0.0-rc.6", | ||
| "@chakra-ui/utils": "1.0.0-rc.6" | ||
| }, | ||
| "devDependencies": { | ||
| "@chakra-ui/system": "1.0.0-rc.5" | ||
| "@chakra-ui/system": "1.0.0-rc.6" | ||
| }, | ||
| "peerDependencies": { | ||
| "@chakra-ui/system": ">=1.0.0-rc.3", | ||
| "react": "16.x" | ||
| "@chakra-ui/system": ">=1.0.0-rc.5", | ||
| "react": "16.x || 17.x" | ||
| }, | ||
| "gitHead": "b5c8482b778b19f27ea1d6c8ab6d5ed39c664afa" | ||
| "gitHead": "e55b45840d1edc821ad0bb45632535333be5bb86" | ||
| } |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Number of package files
- increased by52.63%
29
Worsened metrics
- Total package byte prevSize
- decreased by-30.58%
95973
- Lines of code
- decreased by-11.53%
844
Dependency changes
+ Added@chakra-ui/hooks@1.0.0-rc.6(transitive)
+ Added@chakra-ui/icon@1.0.0-rc.6(transitive)
+ Added@chakra-ui/utils@1.0.0-rc.6(transitive)
+ Addedreact@17.0.2(transitive)
- Removed@chakra-ui/hooks@1.0.0-rc.5(transitive)
- Removed@chakra-ui/icon@1.0.0-rc.5(transitive)
- Removed@chakra-ui/utils@1.0.0-rc.5(transitive)
- Removed@types/lodash.merge@4.6.6(transitive)
- Removedlodash.merge@4.6.2(transitive)
- Removedmemoize-one@5.1.1(transitive)
Updated@chakra-ui/hooks@1.0.0-rc.6
Updated@chakra-ui/icon@1.0.0-rc.6
Updated@chakra-ui/utils@1.0.0-rc.6