@aws-amplify/ui-react 3.0.0 → 3.0.3
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.
- package/README.md +1 -1
- package/dist/IconWarning-45c2c272.js +1 -0
- package/dist/esm/components/Authenticator/Authenticator.js +1 -1
- package/dist/esm/components/Authenticator/ConfirmSignIn/ConfirmSignIn.js +1 -1
- package/dist/esm/components/Authenticator/ConfirmSignUp/ConfirmSignUp.js +1 -1
- package/dist/esm/components/Authenticator/FederatedSignIn/FederatedSignIn.js +1 -1
- package/dist/esm/components/Authenticator/ForceNewPassword/ForceNewPassword.js +1 -1
- package/dist/esm/components/Authenticator/ResetPassword/ConfirmResetPassword.js +1 -1
- package/dist/esm/components/Authenticator/ResetPassword/ResetPassword.js +1 -1
- package/dist/esm/components/Authenticator/Router/Router.js +1 -1
- package/dist/esm/components/Authenticator/SetupTOTP/SetupTOTP.js +1 -1
- package/dist/esm/components/Authenticator/SignIn/SignIn.js +1 -1
- package/dist/esm/components/Authenticator/SignUp/SignUp.js +1 -1
- package/dist/esm/components/Authenticator/VerifyUser/ConfirmVerifyUser.js +1 -1
- package/dist/esm/components/Authenticator/VerifyUser/VerifyUser.js +1 -1
- package/dist/esm/components/Authenticator/hooks/useAuthenticator/index.js +1 -1
- package/dist/esm/components/Authenticator/shared/ValidationErrors.js +1 -1
- package/dist/esm/primitives/shared/constants.js +1 -1
- package/dist/esm/primitives-catalog.js +9 -0
- package/dist/index.js +1 -1
- package/dist/internal.js +1 -1
- package/dist/primitives.json +9 -0
- package/dist/styles.css +140 -1
- package/dist/types/components/Authenticator/Authenticator.d.ts +2 -2
- package/dist/types/components/Authenticator/ConfirmSignUp/ConfirmSignUp.d.ts +1 -1
- package/dist/types/components/Authenticator/Router/Router.d.ts +3 -1
- package/dist/types/components/Authenticator/hooks/useAuthenticator/index.d.ts +30 -31
- package/dist/types/components/Authenticator/hooks/useFormHandlers/useFormHandlers.d.ts +2 -2
- package/dist/types/components/Authenticator/shared/ValidationErrors.d.ts +1 -1
- package/dist/types/components/Authenticator/withAuthenticator.d.ts +2 -2
- package/dist/types/components/Geo/LocationSearch/index.d.ts +1 -1
- package/dist/types/components/Geo/MapView/index.d.ts +1 -1
- package/dist/types/hooks/useAuth.d.ts +0 -1
- package/dist/types/primitives/Alert/Alert.d.ts +1 -1
- package/dist/types/primitives/Badge/Badge.d.ts +1 -1
- package/dist/types/primitives/Button/Button.d.ts +1 -1
- package/dist/types/primitives/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/dist/types/primitives/Card/Card.d.ts +1 -1
- package/dist/types/primitives/Checkbox/Checkbox.d.ts +1 -1
- package/dist/types/primitives/CheckboxField/CheckboxField.d.ts +1 -1
- package/dist/types/primitives/Divider/Divider.d.ts +1 -1
- package/dist/types/primitives/Expander/Expander.d.ts +1 -1
- package/dist/types/primitives/Expander/ExpanderItem.d.ts +1 -1
- package/dist/types/primitives/Field/FieldClearButton.d.ts +1 -1
- package/dist/types/primitives/FieldGroup/FieldGroup.d.ts +1 -1
- package/dist/types/primitives/FieldGroupIcon/FieldGroupIcon.d.ts +1 -1
- package/dist/types/primitives/FieldGroupIcon/FieldGroupIconButton.d.ts +1 -1
- package/dist/types/primitives/Flex/Flex.d.ts +1 -1
- package/dist/types/primitives/Grid/Grid.d.ts +1 -1
- package/dist/types/primitives/Heading/Heading.d.ts +1 -1
- package/dist/types/primitives/Icon/Icon.d.ts +1 -1
- package/dist/types/primitives/Image/Image.d.ts +1 -1
- package/dist/types/primitives/Input/Input.d.ts +1 -1
- package/dist/types/primitives/Label/Label.d.ts +1 -1
- package/dist/types/primitives/Link/Link.d.ts +1 -1
- package/dist/types/primitives/Loader/Loader.d.ts +1 -1
- package/dist/types/primitives/Menu/Menu.d.ts +1 -1
- package/dist/types/primitives/Pagination/Pagination.d.ts +1 -1
- package/dist/types/primitives/PasswordField/PasswordField.d.ts +1 -1
- package/dist/types/primitives/PasswordField/ShowPasswordButton.d.ts +1 -1
- package/dist/types/primitives/PhoneNumberField/CountryCodeSelect.d.ts +1 -1
- package/dist/types/primitives/PhoneNumberField/PhoneNumberField.d.ts +1 -1
- package/dist/types/primitives/Placeholder/Placeholder.d.ts +1 -1
- package/dist/types/primitives/Radio/Radio.d.ts +1 -1
- package/dist/types/primitives/RadioGroupField/RadioGroupField.d.ts +1 -1
- package/dist/types/primitives/Rating/Rating.d.ts +1 -1
- package/dist/types/primitives/ScrollView/ScrollView.d.ts +1 -1
- package/dist/types/primitives/SearchField/SearchField.d.ts +1 -1
- package/dist/types/primitives/SearchField/SearchFieldButton.d.ts +1 -1
- package/dist/types/primitives/Select/Select.d.ts +1 -1
- package/dist/types/primitives/SelectField/SelectField.d.ts +1 -1
- package/dist/types/primitives/SliderField/SliderField.d.ts +1 -1
- package/dist/types/primitives/StepperField/StepperField.d.ts +1 -1
- package/dist/types/primitives/SwitchField/SwitchField.d.ts +1 -1
- package/dist/types/primitives/Table/Table.d.ts +1 -1
- package/dist/types/primitives/Table/TableBody.d.ts +1 -1
- package/dist/types/primitives/Table/TableCell.d.ts +1 -1
- package/dist/types/primitives/Table/TableFoot.d.ts +1 -1
- package/dist/types/primitives/Table/TableHead.d.ts +1 -1
- package/dist/types/primitives/Table/TableRow.d.ts +1 -1
- package/dist/types/primitives/Tabs/Tabs.d.ts +2 -2
- package/dist/types/primitives/Text/Text.d.ts +1 -1
- package/dist/types/primitives/TextArea/TextArea.d.ts +1 -1
- package/dist/types/primitives/TextAreaField/TextAreaField.d.ts +1 -1
- package/dist/types/primitives/ToggleButton/ToggleButton.d.ts +1 -1
- package/dist/types/primitives/ToggleButtonGroup/ToggleButtonGroup.d.ts +1 -1
- package/dist/types/primitives/View/View.d.ts +2 -2
- package/dist/types/primitives/VisuallyHidden/VisuallyHidden.d.ts +1 -1
- package/dist/types/primitives/shared/constants.d.ts +1 -1
- package/dist/types/primitives/types/alert.d.ts +6 -0
- package/dist/types/primitives/types/badge.d.ts +2 -0
- package/dist/types/primitives/types/base.d.ts +15 -0
- package/dist/types/primitives/types/button.d.ts +12 -2
- package/dist/types/primitives/types/card.d.ts +4 -0
- package/dist/types/primitives/types/checkbox.d.ts +8 -4
- package/dist/types/primitives/types/collection.d.ts +20 -2
- package/dist/types/primitives/types/divider.d.ts +7 -2
- package/dist/types/primitives/types/expander.d.ts +7 -0
- package/dist/types/primitives/types/field.d.ts +6 -1
- package/dist/types/primitives/types/fieldGroupIcon.d.ts +2 -0
- package/dist/types/primitives/types/flex.d.ts +8 -1
- package/dist/types/primitives/types/grid.d.ts +84 -0
- package/dist/types/primitives/types/heading.d.ts +4 -0
- package/dist/types/primitives/types/icon.d.ts +16 -9
- package/dist/types/primitives/types/image.d.ts +26 -9
- package/dist/types/primitives/types/input.d.ts +47 -22
- package/dist/types/primitives/types/label.d.ts +2 -0
- package/dist/types/primitives/types/link.d.ts +10 -0
- package/dist/types/primitives/types/loader.d.ts +7 -0
- package/dist/types/primitives/types/menu.d.ts +16 -3
- package/dist/types/primitives/types/pagination.d.ts +29 -6
- package/dist/types/primitives/types/passwordField.d.ts +22 -6
- package/dist/types/primitives/types/phoneNumberField.d.ts +25 -0
- package/dist/types/primitives/types/placeholder.d.ts +4 -1
- package/dist/types/primitives/types/radio.d.ts +1 -0
- package/dist/types/primitives/types/radioGroupField.d.ts +2 -0
- package/dist/types/primitives/types/rating.d.ts +7 -0
- package/dist/types/primitives/types/searchField.d.ts +9 -2
- package/dist/types/primitives/types/select.d.ts +52 -0
- package/dist/types/primitives/types/selectField.d.ts +1 -0
- package/dist/types/primitives/types/sliderField.d.ts +56 -0
- package/dist/types/primitives/types/stepperField.d.ts +39 -2
- package/dist/types/primitives/types/style.d.ts +387 -6
- package/dist/types/primitives/types/switchField.d.ts +13 -1
- package/dist/types/primitives/types/table.d.ts +12 -0
- package/dist/types/primitives/types/tabs.d.ts +8 -0
- package/dist/types/primitives/types/text.d.ts +3 -0
- package/dist/types/primitives/types/textArea.d.ts +34 -14
- package/dist/types/primitives/types/textField.d.ts +5 -0
- package/dist/types/primitives/types/toggleButton.d.ts +16 -0
- package/dist/types/primitives/types/toggleButtonGroup.d.ts +20 -0
- package/dist/types/primitives/types/view.d.ts +25 -0
- package/package.json +2 -2
- package/dist/IconWarning-3289842c.js +0 -1
|
@@ -3,4 +3,4 @@ import { ToggleButtonGroupProps } from '../types';
|
|
|
3
3
|
/**
|
|
4
4
|
* [📖 Docs](https://ui.docs.amplify.aws/react/components/togglebutton#togglebuttongroup)
|
|
5
5
|
*/
|
|
6
|
-
export declare const ToggleButtonGroup: React.ForwardRefExoticComponent<Pick<import("../types").PrimitivePropsWithRef<ToggleButtonGroupProps, React.ForwardRefExoticComponent<Pick<import("../types").PrimitivePropsWithRef<import("../types").FlexProps, "div">, "children" | "id" | "onError" | "key" | "order" | "area" | "slot" | "style" | "title" | "className" | "aria-label" | "aria-valuetext" | "row" | "as" | "isDisabled" | "testId" | "alignSelf" | "backgroundColor" | "backgroundImage" | "border" | "borderRadius" | "bottom" | "boxShadow" | "color" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflow" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textDecoration" | "textTransform" | "top" | "transform" | "transformOrigin" | "width" | "whiteSpace" | "flex" | "grow" | "shrink" | "basis" | "column" | "columnEnd" | "columnSpan" | "columnStart" | "rowEnd" | "rowSpan" | "rowStart" | "ariaLabel" | "ariaValuetext" | "role" | "alignItems" | "alignContent" | "justifyContent" | "gap" | "columnGap" | "rowGap" | "onLoad" | "onClick" | "direction" | "wrap" | "defaultChecked" | "defaultValue" | "inputMode" | "hidden" | "placeholder" | "translate" | "onChange" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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-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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "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" | "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"> & React.RefAttributes<HTMLDivElement>>>, "value" | "children" | "id" | "onError" | "key" | "order" | "area" | "slot" | "style" | "title" | "className" | "aria-label" | "aria-valuetext" | "row" | "as" | "isDisabled" | "testId" | "alignSelf" | "backgroundColor" | "backgroundImage" | "border" | "borderRadius" | "bottom" | "boxShadow" | "color" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflow" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textDecoration" | "textTransform" | "top" | "transform" | "transformOrigin" | "width" | "whiteSpace" | "flex" | "grow" | "shrink" | "basis" | "column" | "columnEnd" | "columnSpan" | "columnStart" | "rowEnd" | "rowSpan" | "rowStart" | "ariaLabel" | "ariaValuetext" | "role" | "alignItems" | "alignContent" | "justifyContent" | "gap" | "columnGap" | "rowGap" | "onLoad" | "onClick" | "size" | "variation" | "direction" | "wrap" | "defaultChecked" | "defaultValue" | "inputMode" | "hidden" | "placeholder" | "translate" | "onChange" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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-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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "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" | "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" | "isExclusive" | "isSelectionRequired"> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export declare const ToggleButtonGroup: React.ForwardRefExoticComponent<Pick<import("../types").PrimitivePropsWithRef<ToggleButtonGroupProps, React.ForwardRefExoticComponent<Pick<import("../types").PrimitivePropsWithRef<import("../types").FlexProps, "div">, "children" | "id" | "onError" | "key" | "order" | "onChange" | "area" | "slot" | "style" | "title" | "className" | "aria-label" | "aria-valuetext" | "row" | "as" | "isDisabled" | "testId" | "alignSelf" | "backgroundColor" | "backgroundImage" | "border" | "borderRadius" | "bottom" | "boxShadow" | "color" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflow" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textDecoration" | "textTransform" | "top" | "transform" | "transformOrigin" | "width" | "whiteSpace" | "flex" | "grow" | "shrink" | "basis" | "column" | "columnEnd" | "columnSpan" | "columnStart" | "rowEnd" | "rowSpan" | "rowStart" | "ariaLabel" | "ariaValuetext" | "role" | "alignItems" | "alignContent" | "justifyContent" | "gap" | "columnGap" | "rowGap" | "onLoad" | "onClick" | "direction" | "wrap" | "defaultChecked" | "defaultValue" | "inputMode" | "hidden" | "placeholder" | "translate" | "dir" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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-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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "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" | "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"> & React.RefAttributes<HTMLDivElement>>>, "value" | "children" | "id" | "onError" | "key" | "order" | "onChange" | "area" | "slot" | "style" | "title" | "className" | "aria-label" | "aria-valuetext" | "row" | "as" | "isDisabled" | "testId" | "alignSelf" | "backgroundColor" | "backgroundImage" | "border" | "borderRadius" | "bottom" | "boxShadow" | "color" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflow" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textDecoration" | "textTransform" | "top" | "transform" | "transformOrigin" | "width" | "whiteSpace" | "flex" | "grow" | "shrink" | "basis" | "column" | "columnEnd" | "columnSpan" | "columnStart" | "rowEnd" | "rowSpan" | "rowStart" | "ariaLabel" | "ariaValuetext" | "role" | "alignItems" | "alignContent" | "justifyContent" | "gap" | "columnGap" | "rowGap" | "onLoad" | "onClick" | "size" | "variation" | "direction" | "wrap" | "defaultChecked" | "defaultValue" | "inputMode" | "hidden" | "placeholder" | "translate" | "dir" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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-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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "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" | "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" | "isExclusive" | "isSelectionRequired"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -6,5 +6,5 @@ import { ElementType, ViewProps } from '../types';
|
|
|
6
6
|
export declare const View: React.ForwardRefExoticComponent<Pick<Omit<ViewProps, "as"> & {
|
|
7
7
|
as?: ElementType;
|
|
8
8
|
} & Omit<Omit<any, "ref">, "id" | "order" | "area" | "style" | "className" | "row" | "as" | "isDisabled" | "testId" | "alignSelf" | "backgroundColor" | "backgroundImage" | "border" | "borderRadius" | "bottom" | "boxShadow" | "color" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflow" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textDecoration" | "textTransform" | "top" | "transform" | "transformOrigin" | "width" | "whiteSpace" | "flex" | "grow" | "shrink" | "basis" | "column" | "columnEnd" | "columnSpan" | "columnStart" | "rowEnd" | "rowSpan" | "rowStart" | "ariaLabel" | "ariaValuetext" | "role"> & {
|
|
9
|
-
ref?: React.Ref<HTMLFormElement | HTMLElement | SVGSymbolElement | SVGElement | HTMLObjectElement | HTMLMetaElement | HTMLLinkElement | HTMLDataElement | SVGPathElement | HTMLMapElement | SVGFilterElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLParamElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableDataCellElement | HTMLTextAreaElement | HTMLTableHeaderCellElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLWebViewElement | SVGSVGElement | SVGCircleElement | SVGClipPathElement | SVGDefsElement | SVGDescElement | SVGEllipseElement | SVGFEBlendElement | SVGFEColorMatrixElement | SVGFEComponentTransferElement | SVGFECompositeElement | SVGFEConvolveMatrixElement | SVGFEDiffuseLightingElement | SVGFEDisplacementMapElement | SVGFEDistantLightElement | SVGFEDropShadowElement | SVGFEFloodElement | SVGFEFuncAElement | SVGFEFuncBElement | SVGFEFuncGElement | SVGFEFuncRElement | SVGFEGaussianBlurElement | SVGFEImageElement | SVGFEMergeElement | SVGFEMergeNodeElement | SVGFEMorphologyElement | SVGFEOffsetElement | SVGFEPointLightElement | SVGFESpecularLightingElement | SVGFESpotLightElement | SVGFETileElement | SVGFETurbulenceElement | SVGForeignObjectElement | SVGGElement | SVGImageElement | SVGLineElement | SVGLinearGradientElement | SVGMarkerElement | SVGMaskElement | SVGMetadataElement | SVGPatternElement | SVGPolygonElement | SVGPolylineElement | SVGRadialGradientElement | SVGRectElement |
|
|
10
|
-
}, string | number | symbol> & React.RefAttributes<HTMLFormElement | HTMLElement | SVGSymbolElement | SVGElement | HTMLObjectElement | HTMLMetaElement | HTMLLinkElement | HTMLDataElement | SVGPathElement | HTMLMapElement | SVGFilterElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLParamElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableDataCellElement | HTMLTextAreaElement | HTMLTableHeaderCellElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLWebViewElement | SVGSVGElement | SVGCircleElement | SVGClipPathElement | SVGDefsElement | SVGDescElement | SVGEllipseElement | SVGFEBlendElement | SVGFEColorMatrixElement | SVGFEComponentTransferElement | SVGFECompositeElement | SVGFEConvolveMatrixElement | SVGFEDiffuseLightingElement | SVGFEDisplacementMapElement | SVGFEDistantLightElement | SVGFEDropShadowElement | SVGFEFloodElement | SVGFEFuncAElement | SVGFEFuncBElement | SVGFEFuncGElement | SVGFEFuncRElement | SVGFEGaussianBlurElement | SVGFEImageElement | SVGFEMergeElement | SVGFEMergeNodeElement | SVGFEMorphologyElement | SVGFEOffsetElement | SVGFEPointLightElement | SVGFESpecularLightingElement | SVGFESpotLightElement | SVGFETileElement | SVGFETurbulenceElement | SVGForeignObjectElement | SVGGElement | SVGImageElement | SVGLineElement | SVGLinearGradientElement | SVGMarkerElement | SVGMaskElement | SVGMetadataElement | SVGPatternElement | SVGPolygonElement | SVGPolylineElement | SVGRadialGradientElement | SVGRectElement |
|
|
9
|
+
ref?: React.Ref<HTMLFormElement | HTMLElement | SVGSymbolElement | SVGElement | HTMLObjectElement | HTMLMetaElement | HTMLLinkElement | HTMLDataElement | SVGPathElement | HTMLMapElement | SVGFilterElement | SVGStopElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLParamElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableDataCellElement | HTMLTextAreaElement | HTMLTableHeaderCellElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLWebViewElement | SVGSVGElement | SVGCircleElement | SVGClipPathElement | SVGDefsElement | SVGDescElement | SVGEllipseElement | SVGFEBlendElement | SVGFEColorMatrixElement | SVGFEComponentTransferElement | SVGFECompositeElement | SVGFEConvolveMatrixElement | SVGFEDiffuseLightingElement | SVGFEDisplacementMapElement | SVGFEDistantLightElement | SVGFEDropShadowElement | SVGFEFloodElement | SVGFEFuncAElement | SVGFEFuncBElement | SVGFEFuncGElement | SVGFEFuncRElement | SVGFEGaussianBlurElement | SVGFEImageElement | SVGFEMergeElement | SVGFEMergeNodeElement | SVGFEMorphologyElement | SVGFEOffsetElement | SVGFEPointLightElement | SVGFESpecularLightingElement | SVGFESpotLightElement | SVGFETileElement | SVGFETurbulenceElement | SVGForeignObjectElement | SVGGElement | SVGImageElement | SVGLineElement | SVGLinearGradientElement | SVGMarkerElement | SVGMaskElement | SVGMetadataElement | SVGPatternElement | SVGPolygonElement | SVGPolylineElement | SVGRadialGradientElement | SVGRectElement | SVGSwitchElement | SVGTextElement | SVGTextPathElement | SVGTSpanElement | SVGUseElement | SVGViewElement>;
|
|
10
|
+
}, string | number | symbol> & React.RefAttributes<HTMLFormElement | HTMLElement | SVGSymbolElement | SVGElement | HTMLObjectElement | HTMLMetaElement | HTMLLinkElement | HTMLDataElement | SVGPathElement | HTMLMapElement | SVGFilterElement | SVGStopElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLParamElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableDataCellElement | HTMLTextAreaElement | HTMLTableHeaderCellElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLWebViewElement | SVGSVGElement | SVGCircleElement | SVGClipPathElement | SVGDefsElement | SVGDescElement | SVGEllipseElement | SVGFEBlendElement | SVGFEColorMatrixElement | SVGFEComponentTransferElement | SVGFECompositeElement | SVGFEConvolveMatrixElement | SVGFEDiffuseLightingElement | SVGFEDisplacementMapElement | SVGFEDistantLightElement | SVGFEDropShadowElement | SVGFEFloodElement | SVGFEFuncAElement | SVGFEFuncBElement | SVGFEFuncGElement | SVGFEFuncRElement | SVGFEGaussianBlurElement | SVGFEImageElement | SVGFEMergeElement | SVGFEMergeNodeElement | SVGFEMorphologyElement | SVGFEOffsetElement | SVGFEPointLightElement | SVGFESpecularLightingElement | SVGFESpotLightElement | SVGFETileElement | SVGFETurbulenceElement | SVGForeignObjectElement | SVGGElement | SVGImageElement | SVGLineElement | SVGLinearGradientElement | SVGMarkerElement | SVGMaskElement | SVGMetadataElement | SVGPatternElement | SVGPolygonElement | SVGPolylineElement | SVGRadialGradientElement | SVGRectElement | SVGSwitchElement | SVGTextElement | SVGTextPathElement | SVGTSpanElement | SVGUseElement | SVGViewElement>>;
|
|
@@ -3,4 +3,4 @@ import { VisuallyHiddenProps } from '../types';
|
|
|
3
3
|
/**
|
|
4
4
|
* [📖 Docs](https://ui.docs.amplify.aws/react/components/visuallyhidden)
|
|
5
5
|
*/
|
|
6
|
-
export declare const VisuallyHidden: React.ForwardRefExoticComponent<Pick<import("../types").PrimitivePropsWithRef<VisuallyHiddenProps, "span">, "children" | "id" | "onError" | "key" | "order" | "area" | "slot" | "style" | "title" | "className" | "aria-label" | "aria-valuetext" | "row" | "as" | "isDisabled" | "testId" | "alignSelf" | "backgroundColor" | "backgroundImage" | "border" | "borderRadius" | "bottom" | "boxShadow" | "color" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflow" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textDecoration" | "textTransform" | "top" | "transform" | "transformOrigin" | "width" | "whiteSpace" | "flex" | "grow" | "shrink" | "basis" | "column" | "columnEnd" | "columnSpan" | "columnStart" | "rowEnd" | "rowSpan" | "rowStart" | "ariaLabel" | "ariaValuetext" | "role" | "onLoad" | "onClick" | "defaultChecked" | "defaultValue" | "inputMode" | "hidden" | "placeholder" | "translate" | "
|
|
6
|
+
export declare const VisuallyHidden: React.ForwardRefExoticComponent<Pick<import("../types").PrimitivePropsWithRef<VisuallyHiddenProps, "span">, "children" | "id" | "onError" | "key" | "order" | "onChange" | "area" | "slot" | "style" | "title" | "className" | "aria-label" | "aria-valuetext" | "row" | "as" | "isDisabled" | "testId" | "alignSelf" | "backgroundColor" | "backgroundImage" | "border" | "borderRadius" | "bottom" | "boxShadow" | "color" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "left" | "letterSpacing" | "lineHeight" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflow" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textDecoration" | "textTransform" | "top" | "transform" | "transformOrigin" | "width" | "whiteSpace" | "flex" | "grow" | "shrink" | "basis" | "column" | "columnEnd" | "columnSpan" | "columnStart" | "rowEnd" | "rowSpan" | "rowStart" | "ariaLabel" | "ariaValuetext" | "role" | "onLoad" | "onClick" | "defaultChecked" | "defaultValue" | "inputMode" | "hidden" | "placeholder" | "translate" | "dir" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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-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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "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" | "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"> & React.RefAttributes<HTMLSpanElement>>;
|
|
@@ -300,7 +300,7 @@ export declare const ComponentClassObject: {
|
|
|
300
300
|
};
|
|
301
301
|
readonly RadioButton: {
|
|
302
302
|
readonly className: "amplify-radio__button";
|
|
303
|
-
readonly
|
|
303
|
+
readonly components: readonly ["RadioGroupField", "Radio"];
|
|
304
304
|
readonly description: "Class applied to the displayed radio button";
|
|
305
305
|
};
|
|
306
306
|
readonly RadioInput: {
|
|
@@ -3,26 +3,32 @@ import { FlexProps } from './flex';
|
|
|
3
3
|
export declare type AlertVariations = 'info' | 'error' | 'warning' | 'success';
|
|
4
4
|
export interface AlertProps extends FlexProps {
|
|
5
5
|
/**
|
|
6
|
+
* @description
|
|
6
7
|
* The variation property will affect the background color of the Alert.
|
|
7
8
|
*/
|
|
8
9
|
variation?: AlertVariations;
|
|
9
10
|
/**
|
|
11
|
+
* @description
|
|
10
12
|
* The isDismissible property will affect whether the user can dismiss (close) the Alert. Defaults to false (not dismissible).
|
|
11
13
|
*/
|
|
12
14
|
isDismissible?: boolean;
|
|
13
15
|
/**
|
|
16
|
+
* @description
|
|
14
17
|
* The onDismiss callback will be called when the user dismisses (closes) the Alert.
|
|
15
18
|
*/
|
|
16
19
|
onDismiss?: () => void;
|
|
17
20
|
/**
|
|
21
|
+
* @description
|
|
18
22
|
* The hasIcon property will determine whether or not an icon is displayed on the Alert. Defaults to true (icon displayed).
|
|
19
23
|
*/
|
|
20
24
|
hasIcon?: boolean;
|
|
21
25
|
/**
|
|
26
|
+
* @description
|
|
22
27
|
* The heading property will affect the content of the Alert heading.
|
|
23
28
|
*/
|
|
24
29
|
heading?: React.ReactNode;
|
|
25
30
|
/**
|
|
31
|
+
* @description
|
|
26
32
|
* The ref will be forwarded to the dismiss button
|
|
27
33
|
*/
|
|
28
34
|
buttonRef?: React.Ref<HTMLButtonElement>;
|
|
@@ -4,10 +4,12 @@ export declare type BadgeVariations = 'info' | 'error' | 'warning' | 'success';
|
|
|
4
4
|
export declare type BadgeSizes = Sizes;
|
|
5
5
|
export interface BadgeProps extends ViewProps {
|
|
6
6
|
/**
|
|
7
|
+
* @description
|
|
7
8
|
* The variation property will affect the background color of the badge.
|
|
8
9
|
*/
|
|
9
10
|
variation?: BadgeVariations;
|
|
10
11
|
/**
|
|
12
|
+
* @description
|
|
11
13
|
* The size property will affect the font size of the badge.
|
|
12
14
|
*/
|
|
13
15
|
size?: BadgeSizes;
|
|
@@ -1,21 +1,36 @@
|
|
|
1
1
|
import React, { AriaAttributes } from 'react';
|
|
2
2
|
export interface BaseComponentProps {
|
|
3
3
|
/**
|
|
4
|
+
* @description
|
|
4
5
|
* Unique identifier
|
|
5
6
|
*/
|
|
6
7
|
id?: string;
|
|
7
8
|
/**
|
|
9
|
+
* @description
|
|
8
10
|
* Additional CSS class name for component
|
|
9
11
|
*/
|
|
10
12
|
className?: string;
|
|
11
13
|
/**
|
|
14
|
+
* @description
|
|
12
15
|
* Used to provide a `data-testid` attribute for testing purposes
|
|
13
16
|
*/
|
|
14
17
|
testId?: string;
|
|
15
18
|
}
|
|
16
19
|
export interface AriaProps {
|
|
20
|
+
/**
|
|
21
|
+
* @description
|
|
22
|
+
* Defines a string value that labels an interactive element for accessibility
|
|
23
|
+
*/
|
|
17
24
|
ariaLabel?: AriaAttributes['aria-label'];
|
|
25
|
+
/**
|
|
26
|
+
* @description
|
|
27
|
+
* Defines the human readable text alternative of `aria-valuenow` for a range widget
|
|
28
|
+
*/
|
|
18
29
|
ariaValuetext?: AriaAttributes['aria-valuetext'];
|
|
30
|
+
/**
|
|
31
|
+
* @description
|
|
32
|
+
* Provides semantic meaning to content, allowing screen readers to support interaction in a way that is consistent with user expectations
|
|
33
|
+
*/
|
|
19
34
|
role?: React.AriaRole;
|
|
20
35
|
}
|
|
21
36
|
export declare type Sizes = 'small' | 'large';
|
|
@@ -7,37 +7,47 @@ export declare type ButtonTypes = 'button' | 'reset' | 'submit';
|
|
|
7
7
|
export declare type ButtonVariations = 'primary' | 'link' | 'menu';
|
|
8
8
|
export interface ButtonProps extends ViewProps, FlexContainerStyleProps {
|
|
9
9
|
/**
|
|
10
|
+
* @description
|
|
10
11
|
* If `true`, the button will be disabled.
|
|
11
12
|
*/
|
|
12
13
|
isDisabled?: boolean;
|
|
13
14
|
/**
|
|
15
|
+
* @description
|
|
14
16
|
* If `true`, the button will take up the full width of its container.
|
|
15
17
|
*/
|
|
16
18
|
isFullWidth?: boolean;
|
|
17
19
|
/**
|
|
20
|
+
* @description
|
|
18
21
|
* If `true`, the button will show a spinner.
|
|
19
22
|
*/
|
|
20
23
|
isLoading?: boolean;
|
|
21
24
|
/**
|
|
25
|
+
* @description
|
|
22
26
|
* The label to show in the button when `loading` is true
|
|
23
27
|
* If no text is passed, it only shows the spinner
|
|
24
28
|
*/
|
|
25
29
|
loadingText?: string;
|
|
26
30
|
/**
|
|
31
|
+
* @description
|
|
27
32
|
* Button click event handler
|
|
28
33
|
*/
|
|
29
34
|
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
30
35
|
/**
|
|
36
|
+
* @description
|
|
31
37
|
* Changes the size of the button.
|
|
32
|
-
* @default
|
|
38
|
+
* @default
|
|
39
|
+
* "medium"
|
|
33
40
|
*/
|
|
34
41
|
size?: ButtonSizes;
|
|
35
42
|
/**
|
|
43
|
+
* @description
|
|
36
44
|
* Changes the button type
|
|
37
|
-
* @default
|
|
45
|
+
* @default
|
|
46
|
+
* "button"
|
|
38
47
|
*/
|
|
39
48
|
type?: ButtonTypes;
|
|
40
49
|
/**
|
|
50
|
+
* @description
|
|
41
51
|
* Changes the visual weight of the button.
|
|
42
52
|
*/
|
|
43
53
|
variation?: ButtonVariations;
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import { ViewProps } from './view';
|
|
2
2
|
export declare type CardVariations = 'outlined' | 'elevated';
|
|
3
3
|
export interface CardProps extends ViewProps {
|
|
4
|
+
/**
|
|
5
|
+
* @description
|
|
6
|
+
* Changes the displayed style of the Card. Options include ‘outlined’, ‘elevated’ and none (default)
|
|
7
|
+
*/
|
|
4
8
|
variation?: CardVariations;
|
|
5
9
|
}
|
|
@@ -3,12 +3,14 @@ import { InputProps } from './input';
|
|
|
3
3
|
import { FieldProps, LabelPositions } from './field';
|
|
4
4
|
export interface CheckboxProps extends FlexProps, InputProps {
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* @description
|
|
7
|
+
* Sets the label text
|
|
7
8
|
*/
|
|
8
9
|
label: FieldProps['label'];
|
|
9
10
|
/**
|
|
10
11
|
* Visually hide label (not recommended in most cases)
|
|
11
|
-
* @default
|
|
12
|
+
* @default
|
|
13
|
+
* false
|
|
12
14
|
*/
|
|
13
15
|
labelHidden?: boolean;
|
|
14
16
|
/**
|
|
@@ -21,8 +23,10 @@ export interface CheckboxProps extends FlexProps, InputProps {
|
|
|
21
23
|
*/
|
|
22
24
|
value: string;
|
|
23
25
|
/**
|
|
24
|
-
*
|
|
25
|
-
*
|
|
26
|
+
* @description
|
|
27
|
+
* Sets the position of label in relation to the CheckboxField,
|
|
28
|
+
* @default
|
|
29
|
+
* "start"
|
|
26
30
|
*/
|
|
27
31
|
labelPosition?: LabelPositions;
|
|
28
32
|
}
|
|
@@ -4,38 +4,56 @@ import { BaseStyleProps } from './style';
|
|
|
4
4
|
export declare type CollectionType = 'list' | 'grid' | 'table';
|
|
5
5
|
export interface CollectionWrapperProps extends BaseStyleProps {
|
|
6
6
|
/**
|
|
7
|
+
* @description
|
|
7
8
|
* Collection type. This will be used to determine collection wrapper component.
|
|
8
|
-
* @default
|
|
9
|
+
* @default
|
|
10
|
+
* 'list'
|
|
9
11
|
*/
|
|
10
12
|
type?: CollectionType;
|
|
11
13
|
/**
|
|
14
|
+
* @description
|
|
12
15
|
* Enable pagination for collection items
|
|
13
16
|
*/
|
|
14
17
|
isPaginated?: boolean;
|
|
15
18
|
/**
|
|
19
|
+
* @description
|
|
16
20
|
* Page size (when pagination is enabled)
|
|
17
21
|
*/
|
|
18
22
|
itemsPerPage?: number;
|
|
19
23
|
/**
|
|
24
|
+
* @description
|
|
20
25
|
* Enable collection filtering
|
|
21
26
|
*/
|
|
22
27
|
isSearchable?: boolean;
|
|
23
28
|
/**
|
|
29
|
+
* @description
|
|
24
30
|
* Custom search filter (when search is enabled)
|
|
25
31
|
*/
|
|
26
32
|
searchFilter?: (item: unknown, searchText: string) => boolean;
|
|
27
33
|
/**
|
|
34
|
+
* @description
|
|
28
35
|
* Search field label
|
|
29
|
-
* @default
|
|
36
|
+
* @default
|
|
37
|
+
* "Search"
|
|
30
38
|
*/
|
|
31
39
|
searchLabel?: string;
|
|
32
40
|
/**
|
|
41
|
+
* @description
|
|
33
42
|
* Search field placeholder
|
|
34
43
|
*/
|
|
35
44
|
searchPlaceholder?: string;
|
|
36
45
|
}
|
|
37
46
|
export interface CollectionBaseProps<Item> {
|
|
47
|
+
/**
|
|
48
|
+
* @description
|
|
49
|
+
* The items from a data source that will be mapped by the Collection component
|
|
50
|
+
*/
|
|
38
51
|
items: Array<Item>;
|
|
52
|
+
/**
|
|
53
|
+
* @description
|
|
54
|
+
* The component to be repeated
|
|
55
|
+
* Same interface as Array.prototype.map
|
|
56
|
+
*/
|
|
39
57
|
children: (item: Item, index: number) => JSX.Element;
|
|
40
58
|
}
|
|
41
59
|
export declare type ListCollectionProps<Item> = FlexProps & CollectionBaseProps<Item>;
|
|
@@ -4,16 +4,21 @@ export declare type DividerOrientations = 'horizontal' | 'vertical';
|
|
|
4
4
|
export declare type DividerSizes = Sizes;
|
|
5
5
|
export interface DividerOptions {
|
|
6
6
|
/**
|
|
7
|
+
* @description
|
|
7
8
|
* Controls whether the divider is oriented horizontally or vertically.
|
|
8
|
-
* @default
|
|
9
|
+
* @default
|
|
10
|
+
* "horizontal"
|
|
9
11
|
*/
|
|
10
12
|
orientation?: DividerOrientations;
|
|
11
13
|
/**
|
|
14
|
+
* @description
|
|
12
15
|
* Size of the divider (height for a horizontal divider, width for vertical)
|
|
13
|
-
* @default
|
|
16
|
+
* @default
|
|
17
|
+
* "small"
|
|
14
18
|
*/
|
|
15
19
|
size?: DividerSizes;
|
|
16
20
|
/**
|
|
21
|
+
* @description
|
|
17
22
|
* Adds text to the divider, usually something like "or" to separate 2 things.
|
|
18
23
|
*/
|
|
19
24
|
label?: string;
|
|
@@ -3,32 +3,39 @@ import { ViewProps } from '../types/view';
|
|
|
3
3
|
declare type ExpanderType = 'single' | 'multiple';
|
|
4
4
|
export interface ExpanderProps extends ViewProps {
|
|
5
5
|
/**
|
|
6
|
+
* @description
|
|
6
7
|
* The value of the item(s) to expand. Use on uncontrolled component.
|
|
7
8
|
*/
|
|
8
9
|
defaultValue?: string | string[];
|
|
9
10
|
/**
|
|
11
|
+
* @description
|
|
10
12
|
* The controlled value of the item(s) to expand. Must be used in conjunction with onChange.
|
|
11
13
|
*/
|
|
12
14
|
value?: string | string[];
|
|
13
15
|
/**
|
|
16
|
+
* @description
|
|
14
17
|
* Determines whether the opened item can be collapsed if this is a single expander.
|
|
15
18
|
*/
|
|
16
19
|
isCollapsible?: boolean;
|
|
17
20
|
/**
|
|
21
|
+
* @description
|
|
18
22
|
* Determines whether one or multiple items can be opened at the same time.
|
|
19
23
|
*/
|
|
20
24
|
type?: ExpanderType;
|
|
21
25
|
/**
|
|
26
|
+
* @description
|
|
22
27
|
* Event handler called when the expanded state of an item changes
|
|
23
28
|
*/
|
|
24
29
|
onChange?: (value?: string | string[]) => void;
|
|
25
30
|
}
|
|
26
31
|
export interface ExpanderItemProps extends ViewProps {
|
|
27
32
|
/**
|
|
33
|
+
* @description
|
|
28
34
|
* The content of the heading.
|
|
29
35
|
*/
|
|
30
36
|
title?: React.ReactNode;
|
|
31
37
|
/**
|
|
38
|
+
* @description
|
|
32
39
|
* A unique value for the item.
|
|
33
40
|
*/
|
|
34
41
|
value: string;
|
|
@@ -7,21 +7,26 @@ import { TextProps } from './text';
|
|
|
7
7
|
*/
|
|
8
8
|
export interface FieldProps {
|
|
9
9
|
/**
|
|
10
|
+
* @description
|
|
10
11
|
* Provides additional information needed to fill field
|
|
11
12
|
* (e.g. password requirements, etc.)
|
|
12
13
|
*/
|
|
13
14
|
descriptiveText?: React.ReactNode;
|
|
14
15
|
/**
|
|
16
|
+
* @description
|
|
15
17
|
* When defined and `hasError` is true, show error message
|
|
16
18
|
*/
|
|
17
19
|
errorMessage?: string;
|
|
18
20
|
/**
|
|
21
|
+
* @description
|
|
19
22
|
* Label text for field (required)
|
|
20
23
|
*/
|
|
21
24
|
label: React.ReactNode;
|
|
22
25
|
/**
|
|
26
|
+
* @description
|
|
23
27
|
* Visually hide label (not recommended in most cases)
|
|
24
|
-
* @default
|
|
28
|
+
* @default
|
|
29
|
+
* false
|
|
25
30
|
*/
|
|
26
31
|
labelHidden?: boolean;
|
|
27
32
|
}
|
|
@@ -2,10 +2,12 @@ import { ViewProps } from './view';
|
|
|
2
2
|
import { ButtonProps } from './button';
|
|
3
3
|
export interface FieldGroupIconProps extends ViewProps {
|
|
4
4
|
/**
|
|
5
|
+
* @description
|
|
5
6
|
* Determines whether Icon should be visible
|
|
6
7
|
*/
|
|
7
8
|
isVisible?: boolean;
|
|
8
9
|
/**
|
|
10
|
+
* @description
|
|
9
11
|
* Determines whether element should be focusable.
|
|
10
12
|
* When set to false, tabindex="-1" will be set
|
|
11
13
|
*/
|
|
@@ -3,11 +3,13 @@ import { CSSLayoutStyleProps, ResponsiveStyle } from './style';
|
|
|
3
3
|
import { ViewProps } from './view';
|
|
4
4
|
export interface FlexContainerStyleProps extends CSSLayoutStyleProps {
|
|
5
5
|
/**
|
|
6
|
+
* @description
|
|
6
7
|
* Sets how flex items are placed in the flex container defining the main axis
|
|
7
8
|
* and the direction (normal or reversed). (maps to flex-direction CSS property)
|
|
8
9
|
*/
|
|
9
10
|
direction?: ResponsiveStyle<Property.FlexDirection>;
|
|
10
11
|
/**
|
|
12
|
+
* @description
|
|
11
13
|
* The flexWrap property is set on containers and it controls what happens when
|
|
12
14
|
* children overflow the size of the container along the main axis. By default,
|
|
13
15
|
* children are forced into a single line (which can shrink elements). If
|
|
@@ -21,22 +23,27 @@ export interface FlexProps extends ViewProps, FlexContainerStyleProps {
|
|
|
21
23
|
}
|
|
22
24
|
export interface FlexItemStyleProps {
|
|
23
25
|
/**
|
|
26
|
+
* @description
|
|
24
27
|
* Shorthand for flex grow / shrink / basis
|
|
25
28
|
*/
|
|
26
29
|
flex?: ResponsiveStyle<Property.Flex>;
|
|
27
30
|
/**
|
|
28
|
-
*
|
|
31
|
+
* @description
|
|
32
|
+
* Sets the order to lay out an item in a flex or grid container.
|
|
29
33
|
*/
|
|
30
34
|
order?: ResponsiveStyle<Property.Order>;
|
|
31
35
|
/**
|
|
36
|
+
* @description
|
|
32
37
|
* Ability for flex item to grow
|
|
33
38
|
*/
|
|
34
39
|
grow?: ResponsiveStyle<Property.FlexGrow>;
|
|
35
40
|
/**
|
|
41
|
+
* @description
|
|
36
42
|
* Ability for flex item to shrink
|
|
37
43
|
*/
|
|
38
44
|
shrink?: ResponsiveStyle<Property.FlexShrink>;
|
|
39
45
|
/**
|
|
46
|
+
* @description
|
|
40
47
|
* Default size of element before remaining space is distributed
|
|
41
48
|
*/
|
|
42
49
|
basis?: ResponsiveStyle<Property.FlexBasis>;
|