@wavv/ui 1.4.0 → 1.4.2
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/build/cjs/{types/assets → assets}/icons/ActivityHistory.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Add.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/AddCircle.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/AddCircleOutline.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/AddPerson.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/ArrowDown.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/ArrowLeft.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/ArrowRight.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/ArrowUp.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Attachment.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Calendar.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Camera.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Card.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/CaretDown.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/CaretUp.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/CheckCircle.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/CheckCircleOutline.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Checkbox.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/CheckboxOff.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/CheckboxPartial.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/ChevronDown.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/ChevronLeft.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/ChevronRight.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/ChevronUp.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Clapperboard.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/ClapperboardOpen.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Close.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/CloseCircle.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/CloseCircleOutline.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Copy.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Devices.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Dialpad.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/DoubleArrowLeft.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/DoubleArrowRight.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Download.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Edit.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Emoji.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/EyeOff.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/EyeOn.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Facebook.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Filter.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Flask.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Group.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Heart.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/HeartOutline.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Help.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Hourglass.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Info.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Instagram.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/KebabMenu.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Link.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Linkedin.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Loading.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Maximize.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Menu.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/MergeField.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Message.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Mic.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/MicOff.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Minimize.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Mobile.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/NotAllowed.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Open.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Pause.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/PauseOutline.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Person.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Phone.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/PhoneBlocked.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/PhoneEnd.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/PhoneHistory.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/PhoneTalk.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Play.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/PlayOutline.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/ProfileUser.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/RadioButton.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/RadioButtonOff.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Record.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Refresh.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Rocket.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Schedule.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/ScheduleOutline.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Search.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Settings.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Share.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Sort.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Spotify.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Star.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/StarOutline.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Stop.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/StopOutline.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Template.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/ToggleOff.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/ToggleOn.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Trash.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Twitter.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Upload.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Video.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Voicemail.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/VolOn.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Warning.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/WarningCircleOutline.d.ts +0 -0
- package/build/cjs/{types/assets → assets}/icons/Youtube.d.ts +0 -0
- package/build/cjs/{types/components → components}/Audio.d.ts +2 -2
- package/build/cjs/{types/components → components}/BarChart.d.ts +2 -2
- package/build/cjs/{types/components → components}/Button/Button.d.ts +0 -0
- package/build/cjs/{types/components → components}/Button/ButtonLoader.d.ts +0 -0
- package/build/{esm/types → cjs}/components/Button/ButtonTypes.d.ts +13 -13
- package/build/cjs/{types/components → components}/Button/Group.d.ts +4 -4
- package/build/cjs/{types/components → components}/Button/index.d.ts +0 -0
- package/build/{esm/types → cjs}/components/Calendar.d.ts +1 -1
- package/build/cjs/{types/components → components}/ChartHelpers.d.ts +0 -0
- package/build/cjs/{types/components → components}/Checkbox.d.ts +1 -1
- package/build/{esm/types → cjs}/components/Code/Code.d.ts +5 -5
- package/build/cjs/{types/components → components}/Code/Copy.d.ts +0 -0
- package/build/cjs/{types/components → components}/Code/Endpoint.d.ts +0 -0
- package/build/cjs/{types/components → components}/Code/index.d.ts +0 -0
- package/build/cjs/{types/components → components}/DocTable.d.ts +0 -0
- package/build/cjs/{types/components → components}/DraftEditor.d.ts +2 -1
- package/build/cjs/{types/components → components}/Dropdown/Dropdown.d.ts +2 -2
- package/build/{esm/types → cjs}/components/Dropdown/DropdownUtils.d.ts +7 -7
- package/build/cjs/{types/components → components}/Dropdown/index.d.ts +0 -0
- package/build/cjs/{types/components → components}/Form.d.ts +6 -5
- package/build/cjs/{types/components → components}/FormControl.d.ts +1 -1
- package/build/cjs/{types/components → components}/Grid.d.ts +2 -2
- package/build/{esm/types → cjs}/components/Icon/Icon.d.ts +4 -4
- package/build/{esm/types → cjs}/components/Icon/icons.d.ts +1 -1
- package/build/cjs/{types/components → components}/Icon/index.d.ts +0 -0
- package/build/{esm/types → cjs}/components/ImageViewer.d.ts +1 -1
- package/build/cjs/{types/components → components}/InlineCode.d.ts +0 -0
- package/build/cjs/{types/components → components}/Input.d.ts +10 -10
- package/build/{esm/types → cjs}/components/InputHelpers.d.ts +1 -1
- package/build/{esm/types → cjs}/components/Label.d.ts +1 -1
- package/build/{esm/types → cjs}/components/Menu.d.ts +3 -3
- package/build/{esm/types → cjs}/components/Message.d.ts +1 -1
- package/build/cjs/{types/components → components}/MessageHr.d.ts +0 -0
- package/build/cjs/{types/components → components}/Modal.d.ts +1 -1
- package/build/{esm/types → cjs}/components/MultiSelect.d.ts +6 -4
- package/build/cjs/{types/components → components}/Notification.d.ts +0 -0
- package/build/cjs/{types/components → components}/Options.d.ts +2 -2
- package/build/cjs/{types/components → components}/Pagination.d.ts +1 -1
- package/build/{esm/types → cjs}/components/PieChart.d.ts +2 -2
- package/build/{esm/types → cjs}/components/Progress/CirclePercent.d.ts +1 -1
- package/build/cjs/{types/components → components}/Progress/Progress.d.ts +2 -2
- package/build/cjs/{types/components → components}/Progress/index.d.ts +0 -0
- package/build/cjs/{types/components → components}/Radio.d.ts +1 -1
- package/build/cjs/{types/components → components}/Slider.d.ts +1 -1
- package/build/cjs/{types/components → components}/Spacer.d.ts +0 -0
- package/build/{esm/types → cjs}/components/Spinner.d.ts +1 -1
- package/build/cjs/{types/components → components}/Table/Body.d.ts +1 -1
- package/build/{esm/types → cjs}/components/Table/Column.d.ts +1 -1
- package/build/cjs/{types/components → components}/Table/Content.d.ts +0 -0
- package/build/cjs/{types/components → components}/Table/Header.d.ts +0 -0
- package/build/cjs/{types/components → components}/Table/HeaderCell.d.ts +1 -1
- package/build/cjs/{types/components → components}/Table/Row.d.ts +0 -0
- package/build/cjs/{types/components → components}/Table/Table.d.ts +0 -0
- package/build/cjs/{types/components → components}/Table/context.d.ts +0 -0
- package/build/cjs/{types/components → components}/Table/index.d.ts +0 -0
- package/build/cjs/components/Table/types.d.ts +40 -0
- package/build/cjs/{types/components → components}/Table/utils.d.ts +0 -0
- package/build/{esm/types → cjs}/components/Toggle.d.ts +1 -1
- package/build/{esm/types → cjs}/components/Tooltip.d.ts +2 -2
- package/build/cjs/{types/components → components}/TransferList.d.ts +5 -5
- package/build/cjs/{types/components → components}/draftUtils.d.ts +0 -0
- package/build/{esm/types → cjs}/components/helpers/getIcon.d.ts +2 -2
- package/build/{esm/types → cjs}/components/types.d.ts +13 -13
- package/build/{esm/types → cjs}/global-styles/ResetStyles.d.ts +1 -1
- package/build/cjs/{types/global-styles → global-styles}/ScrollbarStyles.d.ts +0 -0
- package/build/cjs/{types/global-styles → global-styles}/ToastStyles.d.ts +0 -0
- package/build/cjs/{types/global-styles → global-styles}/index.d.ts +0 -0
- package/build/cjs/{types/hooks → hooks}/index.d.ts +0 -0
- package/build/cjs/{types/hooks → hooks}/useConfirm.d.ts +1 -1
- package/build/cjs/{types/hooks → hooks}/useEventListener.d.ts +0 -0
- package/build/cjs/{types/hooks → hooks}/useOnClickOutside.d.ts +0 -0
- package/build/cjs/{types/hooks → hooks}/useSelect.d.ts +1 -1
- package/build/{esm/types → cjs}/hooks/useSelectAll.d.ts +1 -1
- package/build/cjs/{types/hooks → hooks}/useWindowSize.d.ts +0 -0
- package/build/cjs/{types/index.d.ts → index.d.ts} +0 -0
- package/build/cjs/index.js +8 -8
- package/build/cjs/index.js.map +1 -1
- package/build/cjs/{types/theme → theme}/ThemeTypes.d.ts +4 -4
- package/build/{esm/types → cjs}/theme/colors.d.ts +1 -1
- package/build/cjs/{types/theme → theme}/common/button.d.ts +0 -0
- package/build/cjs/{types/theme → theme}/common/common.d.ts +0 -0
- package/build/cjs/{types/theme → theme}/common/index.d.ts +0 -0
- package/build/cjs/{types/theme → theme}/dark.d.ts +0 -0
- package/build/{esm/types → cjs}/theme/index.d.ts +1 -1
- package/build/cjs/{types/theme → theme}/light.d.ts +0 -0
- package/build/cjs/{types/utils → utils}/chunk.d.ts +0 -0
- package/build/cjs/{types/utils → utils}/copyToClipboard.d.ts +0 -0
- package/build/cjs/{types/utils → utils}/formatDate.d.ts +2 -2
- package/build/cjs/{types/utils → utils}/index.d.ts +0 -0
- package/build/cjs/{types/utils → utils}/range.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/ActivityHistory.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Add.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/AddCircle.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/AddCircleOutline.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/AddPerson.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/ArrowDown.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/ArrowLeft.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/ArrowRight.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/ArrowUp.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Attachment.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Calendar.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Camera.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Card.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/CaretDown.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/CaretUp.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/CheckCircle.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/CheckCircleOutline.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Checkbox.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/CheckboxOff.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/CheckboxPartial.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/ChevronDown.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/ChevronLeft.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/ChevronRight.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/ChevronUp.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Clapperboard.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/ClapperboardOpen.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Close.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/CloseCircle.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/CloseCircleOutline.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Copy.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Devices.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Dialpad.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/DoubleArrowLeft.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/DoubleArrowRight.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Download.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Edit.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Emoji.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/EyeOff.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/EyeOn.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Facebook.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Filter.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Flask.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Group.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Heart.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/HeartOutline.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Help.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Hourglass.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Info.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Instagram.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/KebabMenu.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Link.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Linkedin.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Loading.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Maximize.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Menu.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/MergeField.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Message.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Mic.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/MicOff.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Minimize.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Mobile.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/NotAllowed.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Open.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Pause.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/PauseOutline.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Person.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Phone.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/PhoneBlocked.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/PhoneEnd.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/PhoneHistory.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/PhoneTalk.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Play.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/PlayOutline.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/ProfileUser.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/RadioButton.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/RadioButtonOff.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Record.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Refresh.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Rocket.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Schedule.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/ScheduleOutline.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Search.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Settings.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Share.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Sort.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Spotify.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Star.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/StarOutline.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Stop.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/StopOutline.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Template.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/ToggleOff.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/ToggleOn.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Trash.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Twitter.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Upload.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Video.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Voicemail.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/VolOn.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Warning.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/WarningCircleOutline.d.ts +0 -0
- package/build/esm/{types/assets → assets}/icons/Youtube.d.ts +0 -0
- package/build/esm/{types/components → components}/Audio.d.ts +2 -2
- package/build/esm/{types/components → components}/BarChart.d.ts +2 -2
- package/build/esm/{types/components → components}/Button/Button.d.ts +0 -0
- package/build/esm/{types/components → components}/Button/ButtonLoader.d.ts +0 -0
- package/build/{cjs/types → esm}/components/Button/ButtonTypes.d.ts +13 -13
- package/build/esm/{types/components → components}/Button/Group.d.ts +4 -4
- package/build/esm/{types/components → components}/Button/index.d.ts +0 -0
- package/build/{cjs/types → esm}/components/Calendar.d.ts +1 -1
- package/build/esm/{types/components → components}/ChartHelpers.d.ts +0 -0
- package/build/esm/{types/components → components}/Checkbox.d.ts +1 -1
- package/build/{cjs/types → esm}/components/Code/Code.d.ts +5 -5
- package/build/esm/{types/components → components}/Code/Copy.d.ts +0 -0
- package/build/esm/{types/components → components}/Code/Endpoint.d.ts +0 -0
- package/build/esm/{types/components → components}/Code/index.d.ts +0 -0
- package/build/esm/{types/components → components}/DocTable.d.ts +0 -0
- package/build/esm/{types/components → components}/DraftEditor.d.ts +2 -1
- package/build/esm/{types/components → components}/Dropdown/Dropdown.d.ts +2 -2
- package/build/{cjs/types → esm}/components/Dropdown/DropdownUtils.d.ts +7 -7
- package/build/esm/{types/components → components}/Dropdown/index.d.ts +0 -0
- package/build/esm/{types/components → components}/Form.d.ts +6 -5
- package/build/esm/{types/components → components}/FormControl.d.ts +1 -1
- package/build/esm/{types/components → components}/Grid.d.ts +2 -2
- package/build/{cjs/types → esm}/components/Icon/Icon.d.ts +4 -4
- package/build/{cjs/types → esm}/components/Icon/icons.d.ts +1 -1
- package/build/esm/{types/components → components}/Icon/index.d.ts +0 -0
- package/build/{cjs/types → esm}/components/ImageViewer.d.ts +1 -1
- package/build/esm/{types/components → components}/InlineCode.d.ts +0 -0
- package/build/esm/{types/components → components}/Input.d.ts +10 -10
- package/build/{cjs/types → esm}/components/InputHelpers.d.ts +1 -1
- package/build/{cjs/types → esm}/components/Label.d.ts +1 -1
- package/build/{cjs/types → esm}/components/Menu.d.ts +3 -3
- package/build/{cjs/types → esm}/components/Message.d.ts +1 -1
- package/build/esm/{types/components → components}/MessageHr.d.ts +0 -0
- package/build/esm/{types/components → components}/Modal.d.ts +1 -1
- package/build/{cjs/types → esm}/components/MultiSelect.d.ts +6 -4
- package/build/esm/{types/components → components}/Notification.d.ts +0 -0
- package/build/esm/{types/components → components}/Options.d.ts +2 -2
- package/build/esm/{types/components → components}/Pagination.d.ts +1 -1
- package/build/{cjs/types → esm}/components/PieChart.d.ts +2 -2
- package/build/{cjs/types → esm}/components/Progress/CirclePercent.d.ts +1 -1
- package/build/esm/{types/components → components}/Progress/Progress.d.ts +2 -2
- package/build/esm/{types/components → components}/Progress/index.d.ts +0 -0
- package/build/esm/{types/components → components}/Radio.d.ts +1 -1
- package/build/esm/{types/components → components}/Slider.d.ts +1 -1
- package/build/esm/{types/components → components}/Spacer.d.ts +0 -0
- package/build/{cjs/types → esm}/components/Spinner.d.ts +1 -1
- package/build/esm/{types/components → components}/Table/Body.d.ts +1 -1
- package/build/{cjs/types → esm}/components/Table/Column.d.ts +1 -1
- package/build/esm/{types/components → components}/Table/Content.d.ts +0 -0
- package/build/esm/{types/components → components}/Table/Header.d.ts +0 -0
- package/build/esm/{types/components → components}/Table/HeaderCell.d.ts +1 -1
- package/build/esm/{types/components → components}/Table/Row.d.ts +0 -0
- package/build/esm/{types/components → components}/Table/Table.d.ts +0 -0
- package/build/esm/{types/components → components}/Table/context.d.ts +0 -0
- package/build/esm/{types/components → components}/Table/index.d.ts +0 -0
- package/build/esm/components/Table/types.d.ts +40 -0
- package/build/esm/{types/components → components}/Table/utils.d.ts +0 -0
- package/build/{cjs/types → esm}/components/Toggle.d.ts +1 -1
- package/build/{cjs/types → esm}/components/Tooltip.d.ts +2 -2
- package/build/esm/{types/components → components}/TransferList.d.ts +5 -5
- package/build/esm/{types/components → components}/draftUtils.d.ts +0 -0
- package/build/{cjs/types → esm}/components/helpers/getIcon.d.ts +2 -2
- package/build/{cjs/types → esm}/components/types.d.ts +13 -13
- package/build/{cjs/types → esm}/global-styles/ResetStyles.d.ts +1 -1
- package/build/esm/{types/global-styles → global-styles}/ScrollbarStyles.d.ts +0 -0
- package/build/esm/{types/global-styles → global-styles}/ToastStyles.d.ts +0 -0
- package/build/esm/{types/global-styles → global-styles}/index.d.ts +0 -0
- package/build/esm/{types/hooks → hooks}/index.d.ts +0 -0
- package/build/esm/{types/hooks → hooks}/useConfirm.d.ts +1 -1
- package/build/esm/{types/hooks → hooks}/useEventListener.d.ts +0 -0
- package/build/esm/{types/hooks → hooks}/useOnClickOutside.d.ts +0 -0
- package/build/esm/{types/hooks → hooks}/useSelect.d.ts +1 -1
- package/build/{cjs/types → esm}/hooks/useSelectAll.d.ts +1 -1
- package/build/esm/{types/hooks → hooks}/useWindowSize.d.ts +0 -0
- package/build/esm/{types/index.d.ts → index.d.ts} +0 -0
- package/build/esm/index.js +8 -8
- package/build/esm/index.js.map +1 -1
- package/build/esm/{types/theme → theme}/ThemeTypes.d.ts +4 -4
- package/build/{cjs/types → esm}/theme/colors.d.ts +1 -1
- package/build/esm/{types/theme → theme}/common/button.d.ts +0 -0
- package/build/esm/{types/theme → theme}/common/common.d.ts +0 -0
- package/build/esm/{types/theme → theme}/common/index.d.ts +0 -0
- package/build/esm/{types/theme → theme}/dark.d.ts +0 -0
- package/build/{cjs/types → esm}/theme/index.d.ts +1 -1
- package/build/esm/{types/theme → theme}/light.d.ts +0 -0
- package/build/esm/{types/utils → utils}/chunk.d.ts +0 -0
- package/build/esm/{types/utils → utils}/copyToClipboard.d.ts +0 -0
- package/build/esm/{types/utils → utils}/formatDate.d.ts +2 -2
- package/build/esm/{types/utils → utils}/index.d.ts +0 -0
- package/build/esm/{types/utils → utils}/range.d.ts +0 -0
- package/build/index.d.ts +124 -120
- package/package.json +47 -47
- package/build/cjs/types/components/Table/types.d.ts +0 -40
- package/build/esm/types/components/Table/types.d.ts +0 -40
package/build/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ import * as _emotion_styled from '@emotion/styled';
|
|
|
5
5
|
import { StyledComponent } from '@emotion/styled';
|
|
6
6
|
import * as _emotion_react from '@emotion/react';
|
|
7
7
|
import { Language } from 'prism-react-renderer';
|
|
8
|
+
import { EditorChangeType } from 'draft-js';
|
|
8
9
|
|
|
9
10
|
declare const colors: {
|
|
10
11
|
logo1: string;
|
|
@@ -206,16 +207,16 @@ interface IColors {
|
|
|
206
207
|
/** #FFFFFF */
|
|
207
208
|
contrast10: string;
|
|
208
209
|
}
|
|
209
|
-
|
|
210
|
+
type ColorNames = keyof typeof colors;
|
|
210
211
|
|
|
211
|
-
|
|
212
|
+
type ButtonSize = {
|
|
212
213
|
height: number;
|
|
213
214
|
iconSize: number;
|
|
214
215
|
font: number;
|
|
215
216
|
padding: number;
|
|
216
217
|
iconOnlyPadding: number;
|
|
217
218
|
};
|
|
218
|
-
|
|
219
|
+
type LinkColors = {
|
|
219
220
|
secondaryColor: {
|
|
220
221
|
default: string;
|
|
221
222
|
hover: string;
|
|
@@ -237,7 +238,7 @@ declare type LinkColors = {
|
|
|
237
238
|
active: string;
|
|
238
239
|
};
|
|
239
240
|
};
|
|
240
|
-
|
|
241
|
+
type ButtonState = {
|
|
241
242
|
color: {
|
|
242
243
|
default: string;
|
|
243
244
|
hover: string;
|
|
@@ -497,64 +498,64 @@ interface ITheme {
|
|
|
497
498
|
};
|
|
498
499
|
};
|
|
499
500
|
}
|
|
500
|
-
|
|
501
|
+
type ThemeProp = {
|
|
501
502
|
theme?: ITheme;
|
|
502
503
|
};
|
|
503
504
|
|
|
504
|
-
|
|
505
|
+
type Theme = {
|
|
505
506
|
light: ITheme;
|
|
506
507
|
dark: ITheme;
|
|
507
508
|
};
|
|
508
509
|
declare const theme: Theme;
|
|
509
510
|
|
|
510
|
-
|
|
511
|
+
type Margin = {
|
|
511
512
|
margin?: number | string;
|
|
512
513
|
marginTop?: number | string;
|
|
513
514
|
marginBottom?: number | string;
|
|
514
515
|
marginRight?: number | string;
|
|
515
516
|
marginLeft?: number | string;
|
|
516
517
|
};
|
|
517
|
-
|
|
518
|
+
type Padding = {
|
|
518
519
|
padding?: number | string;
|
|
519
520
|
paddingTop?: number | string;
|
|
520
521
|
paddingBottom?: number | string;
|
|
521
522
|
paddingRight?: number | string;
|
|
522
523
|
paddingLeft?: number | string;
|
|
523
524
|
};
|
|
524
|
-
|
|
525
|
+
type Width = {
|
|
525
526
|
width?: number | string;
|
|
526
527
|
};
|
|
527
|
-
|
|
528
|
+
type Height = {
|
|
528
529
|
height?: number | string;
|
|
529
530
|
};
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
531
|
+
type WidthHeight = Width & Height;
|
|
532
|
+
type MarginPadding = Margin & Padding;
|
|
533
|
+
type FlexPosition = 'start' | 'end' | 'center' | 'space-around' | 'space-between';
|
|
534
|
+
type As = {
|
|
534
535
|
as?: ElementType<unknown>;
|
|
535
536
|
};
|
|
536
|
-
|
|
537
|
-
|
|
537
|
+
type InputFocusEvent = FocusEvent<HTMLInputElement>;
|
|
538
|
+
type MergeField$1 = {
|
|
538
539
|
id: string;
|
|
539
540
|
label: string;
|
|
540
541
|
value?: string;
|
|
541
542
|
};
|
|
542
|
-
|
|
543
|
+
type InputRef = {
|
|
543
544
|
focus: () => void;
|
|
544
545
|
blur: () => void;
|
|
545
546
|
hasFocus: boolean;
|
|
546
547
|
};
|
|
547
|
-
|
|
548
|
+
type AudioRef = {
|
|
548
549
|
play?: () => void;
|
|
549
550
|
pause?: () => void;
|
|
550
551
|
stop?: () => void;
|
|
551
552
|
};
|
|
552
|
-
|
|
553
|
+
type DraftEditorRef = {
|
|
553
554
|
insertField: (field: MergeField$1) => void;
|
|
554
555
|
focusAtEnd: () => void;
|
|
555
556
|
};
|
|
556
557
|
|
|
557
|
-
|
|
558
|
+
type AudioProps = {
|
|
558
559
|
/** The filepath of the audio source */
|
|
559
560
|
src: string;
|
|
560
561
|
/** The title of the audio source to be displayed */
|
|
@@ -579,12 +580,12 @@ declare type AudioProps = {
|
|
|
579
580
|
onPause?: (event: ChangeEvent<HTMLAudioElement>) => void;
|
|
580
581
|
onStop?: (event: ChangeEvent<HTMLAudioElement>) => void;
|
|
581
582
|
} & Margin & Width & As & HTMLProps<HTMLDivElement>;
|
|
582
|
-
declare const Audio: React.ForwardRefExoticComponent<Pick<AudioProps, "small" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "
|
|
583
|
+
declare const Audio: React.ForwardRefExoticComponent<Pick<AudioProps, "small" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "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" | "onResize" | "onResizeCapture" | "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" | "key" | keyof Margin | "infoPosition" | "centerAlignContent" | "collapsed" | "hideSliderOnStop" | "hideTimeOnStop" | "fontSizeTitle" | "fontSizeTime" | "onStop"> & React.RefAttributes<AudioRef>>;
|
|
583
584
|
|
|
584
|
-
|
|
585
|
+
type ChartData$1 = {
|
|
585
586
|
name: string;
|
|
586
587
|
};
|
|
587
|
-
|
|
588
|
+
type Props$2 = {
|
|
588
589
|
/** Width of the chart */
|
|
589
590
|
width: number;
|
|
590
591
|
/** Height of the chart */
|
|
@@ -596,7 +597,7 @@ declare type Props$2 = {
|
|
|
596
597
|
} & Margin;
|
|
597
598
|
declare const BarChart: ({ width, height, data, dataKey, ...rest }: Props$2) => JSX.Element;
|
|
598
599
|
|
|
599
|
-
|
|
600
|
+
type OptionItem = {
|
|
600
601
|
id: number | string;
|
|
601
602
|
label: string;
|
|
602
603
|
header?: string;
|
|
@@ -607,7 +608,7 @@ declare type OptionItem = {
|
|
|
607
608
|
value?: unknown;
|
|
608
609
|
[key: string]: unknown;
|
|
609
610
|
};
|
|
610
|
-
|
|
611
|
+
type DropdownItemProps<OptionType> = {
|
|
611
612
|
setValue?: (v: OptionType, event: MouseEvent$1) => void;
|
|
612
613
|
close?: () => void;
|
|
613
614
|
children: ReactNode;
|
|
@@ -626,8 +627,8 @@ declare type DropdownItemProps<OptionType> = {
|
|
|
626
627
|
/** The id of the Item element */
|
|
627
628
|
id: number | string;
|
|
628
629
|
};
|
|
629
|
-
|
|
630
|
-
|
|
630
|
+
type SetEvent = MouseEvent$1 | ChangeEvent | KeyboardEvent;
|
|
631
|
+
type SetValueFunc = <OptionType extends OptionItem>(selection: OptionType | string | null, event?: SetEvent) => void;
|
|
631
632
|
|
|
632
633
|
declare function ActivityHistory(props: React.SVGProps<SVGSVGElement>): JSX.Element;
|
|
633
634
|
|
|
@@ -935,12 +936,12 @@ declare const icons: {
|
|
|
935
936
|
'warning-circle-outline': typeof WarningCircleOutline;
|
|
936
937
|
youtube: typeof Youtube;
|
|
937
938
|
};
|
|
938
|
-
|
|
939
|
+
type IconNames = keyof typeof icons;
|
|
939
940
|
|
|
940
|
-
|
|
941
|
+
type ButtonAttributes = Omit<HTMLProps<HTMLButtonElement>, 'as' | 'type' | 'size'> & {
|
|
941
942
|
type?: 'button' | 'reset' | 'submit';
|
|
942
943
|
} & As;
|
|
943
|
-
|
|
944
|
+
type ButtonBaseProps = {
|
|
944
945
|
children?: ReactNode;
|
|
945
946
|
joined?: 'left' | 'right' | 'middle';
|
|
946
947
|
preventPointerEvents?: boolean;
|
|
@@ -969,7 +970,7 @@ declare type ButtonBaseProps = {
|
|
|
969
970
|
/** Sets the text color of the button */
|
|
970
971
|
color?: string;
|
|
971
972
|
} & ButtonAttributes;
|
|
972
|
-
|
|
973
|
+
type ButtonStyleProps = {
|
|
973
974
|
/** Displays a button with secondary colors */
|
|
974
975
|
secondary?: boolean;
|
|
975
976
|
/** Displays a red button */
|
|
@@ -985,7 +986,7 @@ declare type ButtonStyleProps = {
|
|
|
985
986
|
/** Displays a fully rounded button with a fixed width and height */
|
|
986
987
|
circle?: boolean;
|
|
987
988
|
};
|
|
988
|
-
|
|
989
|
+
type Primary = {
|
|
989
990
|
/** Displays a button with secondary colors */
|
|
990
991
|
secondary?: never;
|
|
991
992
|
/** Displays a red button */
|
|
@@ -995,33 +996,33 @@ declare type Primary = {
|
|
|
995
996
|
/** Displays a yellow button */
|
|
996
997
|
caution?: never;
|
|
997
998
|
};
|
|
998
|
-
|
|
999
|
+
type Secondary = {
|
|
999
1000
|
secondary?: boolean;
|
|
1000
1001
|
negative?: never;
|
|
1001
1002
|
positive?: never;
|
|
1002
1003
|
caution?: never;
|
|
1003
1004
|
};
|
|
1004
|
-
|
|
1005
|
+
type Negative = {
|
|
1005
1006
|
negative?: boolean;
|
|
1006
1007
|
secondary?: never;
|
|
1007
1008
|
positive?: never;
|
|
1008
1009
|
caution?: never;
|
|
1009
1010
|
};
|
|
1010
|
-
|
|
1011
|
+
type Positive = {
|
|
1011
1012
|
positive?: boolean;
|
|
1012
1013
|
negative?: never;
|
|
1013
1014
|
caution?: never;
|
|
1014
1015
|
secondary?: never;
|
|
1015
1016
|
};
|
|
1016
|
-
|
|
1017
|
+
type Caution = {
|
|
1017
1018
|
caution?: boolean;
|
|
1018
1019
|
positive?: never;
|
|
1019
1020
|
negative?: never;
|
|
1020
1021
|
secondary?: never;
|
|
1021
1022
|
};
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1023
|
+
type ButtonStyles = Primary | Secondary | Negative | Positive | Caution;
|
|
1024
|
+
type BasicButtonProps = ButtonBaseProps & ButtonStyleProps;
|
|
1025
|
+
type DropdownProps$2 = {
|
|
1025
1026
|
dropdown?: false;
|
|
1026
1027
|
options?: never;
|
|
1027
1028
|
direction?: never;
|
|
@@ -1039,14 +1040,14 @@ declare type DropdownProps$2 = {
|
|
|
1039
1040
|
/** The function to be called when the options are closed */
|
|
1040
1041
|
afterHide?: () => void;
|
|
1041
1042
|
};
|
|
1042
|
-
|
|
1043
|
+
type ButtonComponentProps = {
|
|
1043
1044
|
/** Sets the text of the button */
|
|
1044
1045
|
content?: string;
|
|
1045
1046
|
joined?: never;
|
|
1046
1047
|
} & BasicButtonProps & DropdownProps$2 & Margin;
|
|
1047
1048
|
|
|
1048
|
-
|
|
1049
|
-
|
|
1049
|
+
type Position = 'top' | 'bottom' | 'right' | 'left' | 'top left' | 'bottom left' | 'top right' | 'bottom right';
|
|
1050
|
+
type TooltipProps = {
|
|
1050
1051
|
children?: ReactNode;
|
|
1051
1052
|
/** The element that will trigger the opening of the Tooltip */
|
|
1052
1053
|
trigger: ReactNode;
|
|
@@ -1113,7 +1114,7 @@ declare const Button: {
|
|
|
1113
1114
|
} & ButtonStyles & Margin & Width) => JSX.Element | null;
|
|
1114
1115
|
};
|
|
1115
1116
|
|
|
1116
|
-
|
|
1117
|
+
type CalendarProps = {
|
|
1117
1118
|
/** Optional date the initial selected calendar day should be set to. */
|
|
1118
1119
|
date?: Date;
|
|
1119
1120
|
/** The function to be called when a date is selected */
|
|
@@ -1127,9 +1128,9 @@ declare type CalendarProps = {
|
|
|
1127
1128
|
};
|
|
1128
1129
|
declare const Calendar: ({ date, onChange, preventPast, preventFuture, noShadow }: CalendarProps) => JSX.Element;
|
|
1129
1130
|
|
|
1130
|
-
|
|
1131
|
+
type CheckboxAttributes = Omit<HTMLProps<HTMLInputElement>, 'onChange'>;
|
|
1131
1132
|
|
|
1132
|
-
|
|
1133
|
+
type CheckboxProps = {
|
|
1133
1134
|
/** Id of the input element */
|
|
1134
1135
|
id?: string;
|
|
1135
1136
|
/** Places a label element beside the checkbox. The value will set the text of the label */
|
|
@@ -1147,19 +1148,19 @@ declare type CheckboxProps = {
|
|
|
1147
1148
|
} & Margin & As & CheckboxAttributes;
|
|
1148
1149
|
declare const Checkbox: ({ id, label, labelPosition, checked, partial, disabled, onChange, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: CheckboxProps) => JSX.Element;
|
|
1149
1150
|
|
|
1150
|
-
|
|
1151
|
-
|
|
1151
|
+
type RestLanguage = 'rest-get' | 'rest-post' | 'rest-put' | 'rest-delete' | 'rest-options';
|
|
1152
|
+
type WithChildren = {
|
|
1152
1153
|
/** The string to be rendered in the code snippet */
|
|
1153
1154
|
children: string;
|
|
1154
1155
|
/** The alternative to passing the code snippet in as a child */
|
|
1155
1156
|
code?: never;
|
|
1156
1157
|
};
|
|
1157
|
-
|
|
1158
|
+
type WithCode = {
|
|
1158
1159
|
code: string;
|
|
1159
1160
|
children?: never;
|
|
1160
1161
|
};
|
|
1161
|
-
|
|
1162
|
-
|
|
1162
|
+
type Children = WithChildren | WithCode;
|
|
1163
|
+
type CodeProps = {
|
|
1163
1164
|
/** The metadata string passed in by MDX */
|
|
1164
1165
|
className?: string;
|
|
1165
1166
|
/** The syntax language to be used for the code snippet */
|
|
@@ -1180,7 +1181,7 @@ declare const DraftEditor: React.ForwardRefExoticComponent<{
|
|
|
1180
1181
|
/** Controlled text value of the editor */
|
|
1181
1182
|
value: string;
|
|
1182
1183
|
/** Function called after editor change with the text value and boolean indicating missing merge fields */
|
|
1183
|
-
onChange?: ((text: string, hasMissing: boolean) => void) | undefined;
|
|
1184
|
+
onChange?: ((text: string, hasMissing: boolean, reason: EditorChangeType | null) => void) | undefined;
|
|
1184
1185
|
/** Function called after the enter key is pressed */
|
|
1185
1186
|
onEnterKey?: ((e: KeyboardEvent$1) => void) | undefined;
|
|
1186
1187
|
/** Callback run after onFocus event */
|
|
@@ -1225,9 +1226,9 @@ declare const DraftEditor: React.ForwardRefExoticComponent<{
|
|
|
1225
1226
|
textOnly?: boolean | undefined;
|
|
1226
1227
|
} & Margin & React.RefAttributes<DraftEditorRef>>;
|
|
1227
1228
|
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
|
|
1229
|
+
type Sizes = number | 'small' | 'medium' | 'large';
|
|
1230
|
+
type DivAttributes = Omit<HTMLProps<HTMLDivElement>, 'size'>;
|
|
1231
|
+
type ConditionalProps = {
|
|
1231
1232
|
/** Name of the specific icon to use */
|
|
1232
1233
|
name: IconNames;
|
|
1233
1234
|
svg?: never;
|
|
@@ -1236,7 +1237,7 @@ declare type ConditionalProps = {
|
|
|
1236
1237
|
svg: ReactNode | (() => JSX.Element);
|
|
1237
1238
|
name?: never;
|
|
1238
1239
|
};
|
|
1239
|
-
|
|
1240
|
+
type IconProps = {
|
|
1240
1241
|
/** Sets the width and height of the icon */
|
|
1241
1242
|
size?: Sizes;
|
|
1242
1243
|
/** Sets the width of the icon */
|
|
@@ -1258,24 +1259,24 @@ declare type IconProps = {
|
|
|
1258
1259
|
} & ConditionalProps & MarginPadding & As & DivAttributes;
|
|
1259
1260
|
declare const Icon: ({ name, svg, size, width, height, color, hoverColor, pointer, inheritColor, style, onClick, ...props }: IconProps) => JSX.Element | null;
|
|
1260
1261
|
|
|
1261
|
-
|
|
1262
|
+
type IconType = IconNames | IconProps | ReactElement<IconProps> | ReactElement<TooltipProps>;
|
|
1262
1263
|
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1264
|
+
type OnClear = () => void;
|
|
1265
|
+
type OnChangeDefault = (event: ChangeEvent<HTMLInputElement>) => void;
|
|
1266
|
+
type OnChangePhone = (event: ChangeEvent<HTMLInputElement>, formatted: string, raw: string) => void;
|
|
1267
|
+
type Default$1 = {
|
|
1267
1268
|
/** Auto-formats the input to a US phone number */
|
|
1268
1269
|
phone?: never;
|
|
1269
1270
|
/** A callback function that is run upon changing the contents of the input */
|
|
1270
1271
|
onChange?: OnChangeDefault;
|
|
1271
1272
|
};
|
|
1272
|
-
|
|
1273
|
+
type Phone = {
|
|
1273
1274
|
phone: true;
|
|
1274
1275
|
onChange?: OnChangePhone;
|
|
1275
1276
|
};
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
|
|
1277
|
+
type InputTypes = Default$1 | Phone;
|
|
1278
|
+
type DefaultInputProps = Omit<HTMLProps<HTMLInputElement>, 'onChange' | 'as'> & As;
|
|
1279
|
+
type InputProps = {
|
|
1279
1280
|
/** The id of the input element */
|
|
1280
1281
|
id?: string;
|
|
1281
1282
|
/** Places a label element above the input. The value will set the text of the label */
|
|
@@ -1390,7 +1391,7 @@ declare const Input: React.ForwardRefExoticComponent<(Pick<{
|
|
|
1390
1391
|
onClick?: ((event?: MouseEvent$1) => void) | undefined;
|
|
1391
1392
|
/** A callback function that is run upon clicking the clear icon */
|
|
1392
1393
|
onClear?: OnClear | undefined;
|
|
1393
|
-
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & Default$1 & Margin, "search" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "
|
|
1394
|
+
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & Default$1 & Margin, "search" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "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" | "children" | "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" | "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" | "onResize" | "onResizeCapture" | "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" | "key" | "pointer" | "backgroundColor" | "fontSize" | "borderColor" | "borderRadius" | "borderless" | "textOnly" | "invalid" | keyof Margin | "placeholderColor" | "description" | "isLoading" | "iconLeft" | "iconRight" | "containerRef" | "preventFocus" | "onClear" | keyof Default$1> | Pick<{
|
|
1394
1395
|
/** The id of the input element */
|
|
1395
1396
|
id?: string | undefined;
|
|
1396
1397
|
/** Places a label element above the input. The value will set the text of the label */
|
|
@@ -1447,10 +1448,10 @@ declare const Input: React.ForwardRefExoticComponent<(Pick<{
|
|
|
1447
1448
|
onClick?: ((event?: MouseEvent$1) => void) | undefined;
|
|
1448
1449
|
/** A callback function that is run upon clicking the clear icon */
|
|
1449
1450
|
onClear?: OnClear | undefined;
|
|
1450
|
-
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & Phone & Margin, "search" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "
|
|
1451
|
+
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & Phone & Margin, "search" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "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" | "children" | "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" | "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" | "onResize" | "onResizeCapture" | "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" | "key" | "pointer" | "backgroundColor" | "fontSize" | "borderColor" | "borderRadius" | "borderless" | "textOnly" | "invalid" | keyof Margin | "placeholderColor" | "description" | "isLoading" | "iconLeft" | "iconRight" | "containerRef" | "preventFocus" | "onClear" | keyof Phone>) & React.RefAttributes<InputRef>>;
|
|
1451
1452
|
|
|
1452
|
-
|
|
1453
|
-
|
|
1453
|
+
type RestInputProps = Omit<InputProps, 'value' | 'onChange' | 'onError'>;
|
|
1454
|
+
type DropdownProps$1<OptionType> = {
|
|
1454
1455
|
children?: ReactNode;
|
|
1455
1456
|
/** The function to be called when an option is selected */
|
|
1456
1457
|
onChange?: (item: OptionType | null) => void;
|
|
@@ -1530,7 +1531,7 @@ declare const Dropdown: {
|
|
|
1530
1531
|
Item<OptionType_1 extends OptionItem>({ value, displayText, setValue, close, children, contentPosition, color, accented, onClick, id, }: DropdownItemProps<OptionType_1>): JSX.Element;
|
|
1531
1532
|
};
|
|
1532
1533
|
|
|
1533
|
-
|
|
1534
|
+
type GridProps = {
|
|
1534
1535
|
/** If a number, rows creates n number rows of an equal size. If a string, rows sets the gridTemplateRows property */
|
|
1535
1536
|
rows?: string | number;
|
|
1536
1537
|
/** The amount of pixels between each row */
|
|
@@ -1553,7 +1554,7 @@ declare type GridProps = {
|
|
|
1553
1554
|
justifyItems?: string;
|
|
1554
1555
|
children?: ReactNode;
|
|
1555
1556
|
} & WidthHeight & MarginPadding;
|
|
1556
|
-
|
|
1557
|
+
type ItemProps = {
|
|
1557
1558
|
/** Sets the gridRow property */
|
|
1558
1559
|
row?: number;
|
|
1559
1560
|
/** Sets the gridRowStart property */
|
|
@@ -1582,7 +1583,7 @@ interface GridType extends StyledComponent<GridProps> {
|
|
|
1582
1583
|
}
|
|
1583
1584
|
declare const Grid: GridType;
|
|
1584
1585
|
|
|
1585
|
-
|
|
1586
|
+
type FormProps = {
|
|
1586
1587
|
children?: ReactNode;
|
|
1587
1588
|
/** The function to be run after the form is submitted */
|
|
1588
1589
|
onSubmit?: (event: FormEvent) => void;
|
|
@@ -1625,7 +1626,7 @@ declare const Form: {
|
|
|
1625
1626
|
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & {
|
|
1626
1627
|
phone?: undefined;
|
|
1627
1628
|
onChange?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
1628
|
-
} & Margin, "search" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "
|
|
1629
|
+
} & Margin, "search" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "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" | "children" | "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" | "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" | "onResize" | "onResizeCapture" | "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" | "key" | "pointer" | "backgroundColor" | "fontSize" | "borderColor" | "borderRadius" | "borderless" | "textOnly" | "invalid" | keyof Margin | "placeholderColor" | "description" | "isLoading" | "iconLeft" | "iconRight" | "containerRef" | "preventFocus" | "onClear" | keyof {
|
|
1629
1630
|
phone?: undefined;
|
|
1630
1631
|
onChange?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
1631
1632
|
}> | Pick<{
|
|
@@ -1660,7 +1661,7 @@ declare const Form: {
|
|
|
1660
1661
|
} & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & As & {
|
|
1661
1662
|
phone: true;
|
|
1662
1663
|
onChange?: ((event: React.ChangeEvent<HTMLInputElement>, formatted: string, raw: string) => void) | undefined;
|
|
1663
|
-
} & Margin, "search" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "
|
|
1664
|
+
} & Margin, "search" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "start" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "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" | "children" | "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" | "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" | "onResize" | "onResizeCapture" | "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" | "key" | "pointer" | "backgroundColor" | "fontSize" | "borderColor" | "borderRadius" | "borderless" | "textOnly" | "invalid" | keyof Margin | "placeholderColor" | "description" | "isLoading" | "iconLeft" | "iconRight" | "containerRef" | "preventFocus" | "onClear" | keyof {
|
|
1664
1665
|
phone: true;
|
|
1665
1666
|
onChange?: ((event: React.ChangeEvent<HTMLInputElement>, formatted: string, raw: string) => void) | undefined;
|
|
1666
1667
|
}>) & React.RefAttributes<InputRef>>;
|
|
@@ -1668,6 +1669,7 @@ declare const Form: {
|
|
|
1668
1669
|
<OptionType extends OptionItem>({ onChange, onTextChange, afterShow, afterHide, onFocus, onBlur, onError, placeholder, placeholderColor, value, options, children, borderless, borderColor, backgroundColor, hideIcon, clearOnSelect, textOnly, width, height, isLoading, margin, marginTop, marginBottom, marginRight, marginLeft, label, id, name, trigger, centerY, centerX, offsetY, offsetX, direction, fontSize, description, disabled, invalid, search, filter, restrictInput, inputRef, optionsParent, ...props }: {
|
|
1669
1670
|
children?: ReactNode;
|
|
1670
1671
|
onChange?: ((item: OptionType | null) => void) | undefined;
|
|
1672
|
+
/** Disables pointer events and reduces the opacity of the Group's contents */
|
|
1671
1673
|
onTextChange?: ((text: string) => void) | undefined;
|
|
1672
1674
|
value?: string | number | undefined;
|
|
1673
1675
|
afterShow?: (() => void) | undefined;
|
|
@@ -1738,12 +1740,12 @@ declare const Form: {
|
|
|
1738
1740
|
disabled?: boolean | undefined;
|
|
1739
1741
|
} & Margin) => JSX.Element;
|
|
1740
1742
|
};
|
|
1741
|
-
|
|
1743
|
+
type FormGroupProps = {
|
|
1742
1744
|
/** Disables pointer events and reduces the opacity of the Group's contents */
|
|
1743
1745
|
disabled?: boolean;
|
|
1744
1746
|
children?: ReactNode;
|
|
1745
1747
|
} & GridProps;
|
|
1746
|
-
|
|
1748
|
+
type FieldProps = {
|
|
1747
1749
|
/** Sets the flexDirection of the Field to 'row' instead of 'column' */
|
|
1748
1750
|
inline?: boolean;
|
|
1749
1751
|
/** Sets the vertical alignment of the Field's contents */
|
|
@@ -1752,7 +1754,7 @@ declare type FieldProps = {
|
|
|
1752
1754
|
disabled?: boolean;
|
|
1753
1755
|
};
|
|
1754
1756
|
|
|
1755
|
-
|
|
1757
|
+
type ImageViewerProps = {
|
|
1756
1758
|
/** Controls whether or not the ImageViewer is open */
|
|
1757
1759
|
visible: boolean;
|
|
1758
1760
|
/** The function called when the ImageViewer is closed */
|
|
@@ -1777,7 +1779,7 @@ declare const InlineCode: _emotion_styled.StyledComponent<{
|
|
|
1777
1779
|
as?: React.ElementType<any> | undefined;
|
|
1778
1780
|
} & ThemeProp, React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
|
|
1779
1781
|
|
|
1780
|
-
|
|
1782
|
+
type FocusCallBack = (event?: InputFocusEvent) => void;
|
|
1781
1783
|
declare const _default: {
|
|
1782
1784
|
Container: _emotion_styled.StyledComponent<{
|
|
1783
1785
|
theme?: _emotion_react.Theme | undefined;
|
|
@@ -1817,7 +1819,7 @@ declare const _default: {
|
|
|
1817
1819
|
isInputFilled: (value?: string | number | undefined) => boolean;
|
|
1818
1820
|
};
|
|
1819
1821
|
|
|
1820
|
-
|
|
1822
|
+
type LabelProps = {
|
|
1821
1823
|
children?: ReactNode;
|
|
1822
1824
|
/** The name of the icon that should appear on the left side of the input */
|
|
1823
1825
|
iconLeft?: IconType;
|
|
@@ -1830,7 +1832,7 @@ declare type LabelProps = {
|
|
|
1830
1832
|
} & Margin;
|
|
1831
1833
|
declare const Label: ({ children, iconLeft, iconRight, disabled, pill, ...rest }: LabelProps) => JSX.Element;
|
|
1832
1834
|
|
|
1833
|
-
|
|
1835
|
+
type MenuProps = {
|
|
1834
1836
|
/** Displays the menu as a vertical, stacked menu */
|
|
1835
1837
|
vertical?: boolean;
|
|
1836
1838
|
/** If true, a border will be displayed around the menu */
|
|
@@ -1860,7 +1862,7 @@ declare const Menu: {
|
|
|
1860
1862
|
Item: ({ vertical, selected, disabled, contentPosition, onClick, id, children, indent }: MenuItemProps) => JSX.Element;
|
|
1861
1863
|
Group: ({ label, defaultOpen, vertical, selected, disabled, contentPosition, onClick, id, children, indent, backgroundColor, }: MenuGroupProps) => JSX.Element;
|
|
1862
1864
|
};
|
|
1863
|
-
|
|
1865
|
+
type MenuItemProps = {
|
|
1864
1866
|
children: ReactNode;
|
|
1865
1867
|
vertical?: boolean;
|
|
1866
1868
|
/** The id of the Menu Item */
|
|
@@ -1875,13 +1877,13 @@ declare type MenuItemProps = {
|
|
|
1875
1877
|
onClick: (event: MouseEvent$1) => void;
|
|
1876
1878
|
indent?: number;
|
|
1877
1879
|
};
|
|
1878
|
-
|
|
1880
|
+
type MenuGroupProps = {
|
|
1879
1881
|
label: string | ReactNode;
|
|
1880
1882
|
defaultOpen?: boolean;
|
|
1881
1883
|
backgroundColor?: string;
|
|
1882
1884
|
} & Partial<MenuItemProps>;
|
|
1883
1885
|
|
|
1884
|
-
|
|
1886
|
+
type MessageProps = {
|
|
1885
1887
|
children?: ReactNode;
|
|
1886
1888
|
/** Sets the colors and icon of the Message */
|
|
1887
1889
|
type?: 'info' | 'error' | 'success' | 'warning';
|
|
@@ -1915,7 +1917,7 @@ declare const MessageHr: ({ text, color, style, }: {
|
|
|
1915
1917
|
} | undefined;
|
|
1916
1918
|
}) => JSX.Element;
|
|
1917
1919
|
|
|
1918
|
-
|
|
1920
|
+
type ModalProps = {
|
|
1919
1921
|
children: ReactNode;
|
|
1920
1922
|
/** The selector (id or className) of the app's root element */
|
|
1921
1923
|
rootSelector?: string;
|
|
@@ -1974,15 +1976,15 @@ declare const Modal: {
|
|
|
1974
1976
|
} & Margin, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
1975
1977
|
};
|
|
1976
1978
|
|
|
1977
|
-
|
|
1978
|
-
|
|
1979
|
+
type DropdownProps = Omit<RestInputProps, 'children'>;
|
|
1980
|
+
type MultiSelectProps = {
|
|
1979
1981
|
/** The list of dropdown options to display */
|
|
1980
1982
|
options: OptionItem[];
|
|
1981
1983
|
/** The list of selected options */
|
|
1982
1984
|
items: OptionItem[];
|
|
1983
1985
|
/** A function that gives control of the list items to the user */
|
|
1984
1986
|
children?: (listOpen: boolean, disabled: boolean) => ReactNode;
|
|
1985
|
-
/** Text to display in place of the
|
|
1987
|
+
/** Text to display in place of the complete list of items */
|
|
1986
1988
|
listLabel?: string;
|
|
1987
1989
|
/** Text to display in front of the list of selected items */
|
|
1988
1990
|
listText?: string;
|
|
@@ -1998,6 +2000,8 @@ declare type MultiSelectProps = {
|
|
|
1998
2000
|
restrictInput?: boolean | ((text: string) => boolean);
|
|
1999
2001
|
/** Disables the Dropdown */
|
|
2000
2002
|
disabled?: boolean;
|
|
2003
|
+
/** Hides the maxItems count and the itemsTitle */
|
|
2004
|
+
hideItemsInfo?: boolean;
|
|
2001
2005
|
/** The selector (id or className) of the element the options should open in relataion to */
|
|
2002
2006
|
optionsParent?: string;
|
|
2003
2007
|
/** Causes the MultiSelect to collapse if listLabel is also present */
|
|
@@ -2013,7 +2017,7 @@ declare type MultiSelectProps = {
|
|
|
2013
2017
|
/** The function to be called when the input is updated */
|
|
2014
2018
|
onTextChange?: (text: string) => void;
|
|
2015
2019
|
} & Width & Margin & DropdownProps;
|
|
2016
|
-
declare const MultiSelect: ({ children, options, items, listLabel, listText, itemsTitle, maxItems, placeholder, width, filter, restrictInput, disabled, optionsParent, compact, backgroundColor, borderless, addItem, removeItem, onTextChange, autoFocus, ...props }: MultiSelectProps) => JSX.Element;
|
|
2020
|
+
declare const MultiSelect: ({ children, options, items, listLabel, listText, itemsTitle, maxItems, placeholder, width, filter, restrictInput, disabled, hideItemsInfo, optionsParent, compact, backgroundColor, borderless, addItem, removeItem, onTextChange, autoFocus, ...props }: MultiSelectProps) => JSX.Element;
|
|
2017
2021
|
|
|
2018
2022
|
declare const Notification: _emotion_styled.StyledComponent<{
|
|
2019
2023
|
theme?: _emotion_react.Theme | undefined;
|
|
@@ -2029,7 +2033,7 @@ declare const Notification: _emotion_styled.StyledComponent<{
|
|
|
2029
2033
|
left?: string | number | undefined;
|
|
2030
2034
|
} & ThemeProp & Margin, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
2031
2035
|
|
|
2032
|
-
|
|
2036
|
+
type OptionsProps = {
|
|
2033
2037
|
children: ReactNode;
|
|
2034
2038
|
/** The id of the Options container */
|
|
2035
2039
|
id?: string;
|
|
@@ -2054,7 +2058,7 @@ declare const Options: {
|
|
|
2054
2058
|
({ id, children, containerRef, parentSelector, width, maxHeight, offsetY, offsetX, centerY, centerX, direction, }: OptionsProps): JSX.Element;
|
|
2055
2059
|
Item({ children, id, onClick, selected, noSelect, contentPosition, color, accented, ...props }: OptionsItemProps): JSX.Element;
|
|
2056
2060
|
};
|
|
2057
|
-
|
|
2061
|
+
type OptionsItemProps = {
|
|
2058
2062
|
children?: ReactNode;
|
|
2059
2063
|
/** The id of the Option item */
|
|
2060
2064
|
id?: number | string;
|
|
@@ -2072,7 +2076,7 @@ declare type OptionsItemProps = {
|
|
|
2072
2076
|
accented?: boolean;
|
|
2073
2077
|
};
|
|
2074
2078
|
|
|
2075
|
-
|
|
2079
|
+
type PaginationProps = {
|
|
2076
2080
|
/** The callback function that responds with the active page */
|
|
2077
2081
|
onPageNav: (page: number) => void;
|
|
2078
2082
|
/** The number of page items */
|
|
@@ -2084,12 +2088,12 @@ declare type PaginationProps = {
|
|
|
2084
2088
|
} & Margin & Width;
|
|
2085
2089
|
declare const Pagination: ({ onPageNav, page, totalPages, maxVisibleNumbers, width, ...props }: PaginationProps) => JSX.Element;
|
|
2086
2090
|
|
|
2087
|
-
|
|
2091
|
+
type ChartData = {
|
|
2088
2092
|
name: string;
|
|
2089
2093
|
value: number;
|
|
2090
2094
|
color?: string;
|
|
2091
2095
|
};
|
|
2092
|
-
|
|
2096
|
+
type Props$1 = {
|
|
2093
2097
|
/** The chart data array */
|
|
2094
2098
|
data: ChartData[];
|
|
2095
2099
|
/** The width & height of the chart */
|
|
@@ -2102,7 +2106,7 @@ declare type Props$1 = {
|
|
|
2102
2106
|
} & Margin;
|
|
2103
2107
|
declare const PieChart: ({ size, data, innerRadius, outerRadius, showWhenEmpty, ...rest }: Props$1) => JSX.Element;
|
|
2104
2108
|
|
|
2105
|
-
|
|
2109
|
+
type CircleProps = ({
|
|
2106
2110
|
circle?: false;
|
|
2107
2111
|
size?: never;
|
|
2108
2112
|
} & WidthHeight) | {
|
|
@@ -2113,7 +2117,7 @@ declare type CircleProps = ({
|
|
|
2113
2117
|
width?: never;
|
|
2114
2118
|
height?: never;
|
|
2115
2119
|
};
|
|
2116
|
-
|
|
2120
|
+
type ProgressProps = {
|
|
2117
2121
|
/** The percent completed (0-100) */
|
|
2118
2122
|
percent: number;
|
|
2119
2123
|
/** The color of the progress bar */
|
|
@@ -2123,7 +2127,7 @@ declare type ProgressProps = {
|
|
|
2123
2127
|
} & CircleProps & Margin;
|
|
2124
2128
|
declare const Progress: ({ percent, color, circle, width, height, size, thickness, margin, marginTop, marginBottom, marginRight, marginLeft, }: ProgressProps) => JSX.Element;
|
|
2125
2129
|
|
|
2126
|
-
|
|
2130
|
+
type RadioProps = {
|
|
2127
2131
|
/** Id of the input element */
|
|
2128
2132
|
id?: string;
|
|
2129
2133
|
/** Places a label element beside the radio. The value will set the text of the label */
|
|
@@ -2137,7 +2141,7 @@ declare type RadioProps = {
|
|
|
2137
2141
|
} & Margin & As & HTMLProps<HTMLInputElement>;
|
|
2138
2142
|
declare const Radio: ({ id, label, labelPosition, checked, disabled, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: RadioProps) => JSX.Element;
|
|
2139
2143
|
|
|
2140
|
-
|
|
2144
|
+
type ResetStylesProps = {
|
|
2141
2145
|
/** An array of font families to pass to the font loader */
|
|
2142
2146
|
families?: string[];
|
|
2143
2147
|
/** The default font family to set */
|
|
@@ -2149,7 +2153,7 @@ declare const ScrollbarStyles: () => JSX.Element;
|
|
|
2149
2153
|
|
|
2150
2154
|
declare const ToastStyles: () => JSX.Element;
|
|
2151
2155
|
|
|
2152
|
-
|
|
2156
|
+
type SliderProps = {
|
|
2153
2157
|
/** The current position of the slider knob */
|
|
2154
2158
|
value: number;
|
|
2155
2159
|
/** The max value of the slider */
|
|
@@ -2168,7 +2172,7 @@ declare const Spacer: _emotion_styled.StyledComponent<{
|
|
|
2168
2172
|
as?: React.ElementType<any> | undefined;
|
|
2169
2173
|
} & Width & Height, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
2170
2174
|
|
|
2171
|
-
|
|
2175
|
+
type SpinnerProps = {
|
|
2172
2176
|
/** The size of the loading icon */
|
|
2173
2177
|
size?: Sizes;
|
|
2174
2178
|
/** The color of the loading icon */
|
|
@@ -2176,8 +2180,8 @@ declare type SpinnerProps = {
|
|
|
2176
2180
|
} & Margin;
|
|
2177
2181
|
declare const Spinner: ({ size, color, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: SpinnerProps) => JSX.Element;
|
|
2178
2182
|
|
|
2179
|
-
|
|
2180
|
-
|
|
2183
|
+
type Color = ColorNames | CSSProperties['color'];
|
|
2184
|
+
type Item = {
|
|
2181
2185
|
/** Unique ID of the item */
|
|
2182
2186
|
id: number | string;
|
|
2183
2187
|
/** The text displayed for the transfer item */
|
|
@@ -2198,9 +2202,9 @@ declare type Item = {
|
|
|
2198
2202
|
selected?: boolean;
|
|
2199
2203
|
[key: string]: unknown;
|
|
2200
2204
|
};
|
|
2201
|
-
|
|
2202
|
-
|
|
2203
|
-
|
|
2205
|
+
type Action = 'select' | 'remove';
|
|
2206
|
+
type Next = (item?: Item) => void;
|
|
2207
|
+
type TransferListProps = {
|
|
2204
2208
|
/** Array of objects that will be rendered as individual items in the list */
|
|
2205
2209
|
items: Item[];
|
|
2206
2210
|
/** The function called when an item is selected or removed. It passes the entire list of selected items. */
|
|
@@ -2220,29 +2224,29 @@ declare type TransferListProps = {
|
|
|
2220
2224
|
} & Width & Margin;
|
|
2221
2225
|
declare const TransferList: ({ items, onChange, beforeItemChange, listTitle, noItemsMessage, hideSelectAll, hideRemoveAll, readOnly, width, margin, marginTop, marginBottom, marginRight, marginLeft, }: TransferListProps) => JSX.Element;
|
|
2222
2226
|
|
|
2223
|
-
|
|
2227
|
+
type Data = {
|
|
2224
2228
|
[key: string]: unknown;
|
|
2225
2229
|
};
|
|
2226
|
-
|
|
2227
|
-
|
|
2228
|
-
|
|
2230
|
+
type Columns = number | string;
|
|
2231
|
+
type SortedChildFunc<DataType> = (data: DataType[]) => ReactNode;
|
|
2232
|
+
type Default = {
|
|
2229
2233
|
data?: never;
|
|
2230
2234
|
children: ReactNode;
|
|
2231
2235
|
};
|
|
2232
|
-
|
|
2236
|
+
type Sorted<DataType> = {
|
|
2233
2237
|
/** The data the table should use to add column sort functionality */
|
|
2234
2238
|
data: DataType[];
|
|
2235
2239
|
children: SortedChildFunc<DataType>;
|
|
2236
2240
|
};
|
|
2237
|
-
|
|
2238
|
-
|
|
2239
|
-
|
|
2241
|
+
type TableTypes<DataType> = Default | Sorted<DataType>;
|
|
2242
|
+
type DefaultTableProps = Omit<HTMLProps<HTMLTableElement>, 'as' | 'children' | 'data'> & As;
|
|
2243
|
+
type TableBase = {
|
|
2240
2244
|
/** If a number, columns creates n number columns of an equal size. If a string, columns sets the gridTemplateColumns property */
|
|
2241
2245
|
columns?: Columns;
|
|
2242
2246
|
} & Width & MarginPadding;
|
|
2243
|
-
|
|
2244
|
-
|
|
2245
|
-
|
|
2247
|
+
type TableProps<DataType> = TableBase & TableTypes<DataType> & DefaultTableProps;
|
|
2248
|
+
type TableHeaderRow = TableBase & HTMLProps<HTMLTableRowElement>;
|
|
2249
|
+
type SortDir = 'asc' | 'desc' | 'inactive';
|
|
2246
2250
|
|
|
2247
2251
|
declare const Table: {
|
|
2248
2252
|
<DataType extends Data>({ children, columns, data, ...rest }: TableProps<DataType>): JSX.Element;
|
|
@@ -2265,7 +2269,7 @@ declare const Table: {
|
|
|
2265
2269
|
} & Padding) => JSX.Element;
|
|
2266
2270
|
};
|
|
2267
2271
|
|
|
2268
|
-
|
|
2272
|
+
type ToggleProps = {
|
|
2269
2273
|
/** Id of the input element */
|
|
2270
2274
|
id?: string;
|
|
2271
2275
|
/** Places a label element beside the toggle. The value will set the text of the label */
|
|
@@ -2285,7 +2289,7 @@ declare const useEventListener: <T extends Event>(element: MutableRefObject<HTML
|
|
|
2285
2289
|
|
|
2286
2290
|
declare const useOnClickOutside: <T extends HTMLElement>(onClickOutside: () => void, condition?: boolean, exclusions?: string[]) => MutableRefObject<T | null>;
|
|
2287
2291
|
|
|
2288
|
-
|
|
2292
|
+
type UseSelectProps<OptionType> = {
|
|
2289
2293
|
/** The options that will be displayed in the list */
|
|
2290
2294
|
options: OptionType[];
|
|
2291
2295
|
/** The function called when an option is selected */
|
|
@@ -2303,7 +2307,7 @@ declare type UseSelectProps<OptionType> = {
|
|
|
2303
2307
|
};
|
|
2304
2308
|
declare const useSelect: <OptionType extends OptionItem>({ options, select, close, open, searchText, isOpen, isFocused, }: UseSelectProps<OptionType>) => readonly [number, React.RefObject<HTMLDivElement>];
|
|
2305
2309
|
|
|
2306
|
-
|
|
2310
|
+
type ListItem = {
|
|
2307
2311
|
id: number | string;
|
|
2308
2312
|
[otherProps: string]: unknown;
|
|
2309
2313
|
};
|
|
@@ -2320,7 +2324,7 @@ declare const useWindowSize: () => {
|
|
|
2320
2324
|
height: number | null;
|
|
2321
2325
|
};
|
|
2322
2326
|
|
|
2323
|
-
|
|
2327
|
+
type Props = {
|
|
2324
2328
|
header?: string;
|
|
2325
2329
|
text?: string;
|
|
2326
2330
|
cancelText?: string;
|
|
@@ -2333,8 +2337,8 @@ declare type Props = {
|
|
|
2333
2337
|
};
|
|
2334
2338
|
declare const useConfirm: ({ header, text, cancelText, confirmText, negative, input, inputLabel, inputPlaceholder, inputValue, }: Props) => readonly [() => Promise<unknown>, () => JSX.Element];
|
|
2335
2339
|
|
|
2336
|
-
|
|
2337
|
-
|
|
2340
|
+
type TimeSpec = 'onlyTime' | 'withTime' | 'relative';
|
|
2341
|
+
type TimeOptions = {
|
|
2338
2342
|
time?: TimeSpec;
|
|
2339
2343
|
lowercase?: boolean;
|
|
2340
2344
|
};
|