@sky-mavis/design-system 0.2.0
Sign up to get free protection for your applications and to get access to all the features.
Potentially problematic release.
This version of @sky-mavis/design-system might be problematic. Click here for more details.
- package/README.MD +29 -0
- package/dist/commons/types.d.ts +6 -0
- package/dist/commons/types.js +10 -0
- package/dist/components/avatar/Avatar.d.ts +47 -0
- package/dist/components/avatar/Avatar.js +47 -0
- package/dist/components/avatar/useIsErrorImg.d.ts +1 -0
- package/dist/components/avatar/useIsErrorImg.js +33 -0
- package/dist/components/badge/Badge.d.ts +37 -0
- package/dist/components/badge/Badge.js +40 -0
- package/dist/components/badge/BadgeMask.d.ts +25 -0
- package/dist/components/badge/BadgeMask.js +26 -0
- package/dist/components/button/Button.d.ts +42 -0
- package/dist/components/button/Button.js +44 -0
- package/dist/components/checkbox/Checkbox.d.ts +20 -0
- package/dist/components/checkbox/Checkbox.js +50 -0
- package/dist/components/dialog/Dialog.d.ts +25 -0
- package/dist/components/dialog/Dialog.js +70 -0
- package/dist/components/dialog/DialogBody.d.ts +9 -0
- package/dist/components/dialog/DialogBody.js +23 -0
- package/dist/components/dialog/DialogDivider.d.ts +9 -0
- package/dist/components/dialog/DialogDivider.js +23 -0
- package/dist/components/dialog/DialogFooter.d.ts +9 -0
- package/dist/components/dialog/DialogFooter.js +23 -0
- package/dist/components/dialog/DialogHeader.d.ts +9 -0
- package/dist/components/dialog/DialogHeader.js +24 -0
- package/dist/components/form-item/FormItem.d.ts +41 -0
- package/dist/components/form-item/FormItem.js +21 -0
- package/dist/components/input/Input.d.ts +34 -0
- package/dist/components/input/Input.js +66 -0
- package/dist/components/menu/Menu.d.ts +20 -0
- package/dist/components/menu/Menu.js +44 -0
- package/dist/components/menu/MenuDivider.d.ts +6 -0
- package/dist/components/menu/MenuDivider.js +12 -0
- package/dist/components/menu/MenuItem.d.ts +45 -0
- package/dist/components/menu/MenuItem.js +22 -0
- package/dist/components/overlay/Overlay.d.ts +46 -0
- package/dist/components/overlay/Overlay.js +92 -0
- package/dist/components/pagination/Pagination.d.ts +36 -0
- package/dist/components/pagination/Pagination.js +101 -0
- package/dist/components/popover/Popover.d.ts +74 -0
- package/dist/components/popover/Popover.js +82 -0
- package/dist/components/progress/CircularProgress.d.ts +41 -0
- package/dist/components/progress/CircularProgress.js +62 -0
- package/dist/components/progress/EllipsisProgress.d.ts +26 -0
- package/dist/components/progress/EllipsisProgress.js +21 -0
- package/dist/components/progress/LinearProgress.d.ts +40 -0
- package/dist/components/progress/LinearProgress.js +30 -0
- package/dist/components/progress/Step.d.ts +17 -0
- package/dist/components/progress/Step.js +14 -0
- package/dist/components/progress/StepperProgress.d.ts +29 -0
- package/dist/components/progress/StepperProgress.js +107 -0
- package/dist/components/progress/helper.d.ts +1 -0
- package/dist/components/progress/helper.js +16 -0
- package/dist/components/radio/Radio.d.ts +16 -0
- package/dist/components/radio/Radio.js +53 -0
- package/dist/components/radio/RadioGroup.d.ts +9 -0
- package/dist/components/radio/RadioGroup.js +57 -0
- package/dist/components/slider/RangeSlider.d.ts +69 -0
- package/dist/components/slider/RangeSlider.js +191 -0
- package/dist/components/slider/Slider.d.ts +69 -0
- package/dist/components/slider/Slider.js +134 -0
- package/dist/components/slider/partials/SliderMark.d.ts +7 -0
- package/dist/components/slider/partials/SliderMark.js +15 -0
- package/dist/components/slider/partials/SliderThumbLabel.d.ts +8 -0
- package/dist/components/slider/partials/SliderThumbLabel.js +18 -0
- package/dist/components/slider/partials/helpers.d.ts +4 -0
- package/dist/components/slider/partials/helpers.js +31 -0
- package/dist/components/slider/partials/useOwnerDocument.d.ts +3 -0
- package/dist/components/slider/partials/useOwnerDocument.js +13 -0
- package/dist/components/slider/partials/useWidthHeight.d.ts +4 -0
- package/dist/components/slider/partials/useWidthHeight.js +22 -0
- package/dist/components/switch/Switch.d.ts +15 -0
- package/dist/components/switch/Switch.js +50 -0
- package/dist/components/tabs/Tab.d.ts +23 -0
- package/dist/components/tabs/Tab.js +11 -0
- package/dist/components/tabs/Tabs.d.ts +26 -0
- package/dist/components/tabs/Tabs.js +76 -0
- package/dist/components/tag/Tag.d.ts +49 -0
- package/dist/components/tag/Tag.js +30 -0
- package/dist/components/toast/Toast.d.ts +39 -0
- package/dist/components/toast/Toast.js +58 -0
- package/dist/components/toast/ToastContainer.d.ts +8 -0
- package/dist/components/toast/ToastContainer.js +25 -0
- package/dist/components/toast/ToastContext.d.ts +9 -0
- package/dist/components/toast/ToastContext.js +12 -0
- package/dist/components/toast/ToastProvider.d.ts +17 -0
- package/dist/components/toast/ToastProvider.js +79 -0
- package/dist/components/toast/toastTypes.d.ts +31 -0
- package/dist/components/toast/toastTypes.js +12 -0
- package/dist/components/toast/useToast.d.ts +10 -0
- package/dist/components/toast/useToast.js +42 -0
- package/dist/components/tooltip/Tooltip.d.ts +54 -0
- package/dist/components/tooltip/Tooltip.js +71 -0
- package/dist/components/well/Well.d.ts +22 -0
- package/dist/components/well/Well.js +29 -0
- package/dist/icons/Alarm.d.ts +2 -0
- package/dist/icons/Alarm.js +10 -0
- package/dist/icons/AlertCircle.d.ts +2 -0
- package/dist/icons/AlertCircle.js +12 -0
- package/dist/icons/AlertTriangle.d.ts +2 -0
- package/dist/icons/AlertTriangle.js +12 -0
- package/dist/icons/Apps.d.ts +2 -0
- package/dist/icons/Apps.js +10 -0
- package/dist/icons/ArrowDown.d.ts +2 -0
- package/dist/icons/ArrowDown.js +10 -0
- package/dist/icons/ArrowDownLeft.d.ts +2 -0
- package/dist/icons/ArrowDownLeft.js +10 -0
- package/dist/icons/ArrowDownRight.d.ts +2 -0
- package/dist/icons/ArrowDownRight.js +10 -0
- package/dist/icons/ArrowLeft.d.ts +2 -0
- package/dist/icons/ArrowLeft.js +10 -0
- package/dist/icons/ArrowRight.d.ts +2 -0
- package/dist/icons/ArrowRight.js +10 -0
- package/dist/icons/ArrowUp.d.ts +2 -0
- package/dist/icons/ArrowUp.js +10 -0
- package/dist/icons/ArrowUpLeft.d.ts +2 -0
- package/dist/icons/ArrowUpLeft.js +10 -0
- package/dist/icons/ArrowUpRight.d.ts +2 -0
- package/dist/icons/ArrowUpRight.js +10 -0
- package/dist/icons/BarChart.d.ts +2 -0
- package/dist/icons/BarChart.js +10 -0
- package/dist/icons/Bell.d.ts +2 -0
- package/dist/icons/Bell.js +10 -0
- package/dist/icons/BellDisabled.d.ts +2 -0
- package/dist/icons/BellDisabled.js +11 -0
- package/dist/icons/Bin.d.ts +2 -0
- package/dist/icons/Bin.js +10 -0
- package/dist/icons/BinMinimal.d.ts +2 -0
- package/dist/icons/BinMinimal.js +10 -0
- package/dist/icons/Bookmark.d.ts +2 -0
- package/dist/icons/Bookmark.js +10 -0
- package/dist/icons/Browser.d.ts +2 -0
- package/dist/icons/Browser.js +12 -0
- package/dist/icons/Brush.d.ts +2 -0
- package/dist/icons/Brush.js +10 -0
- package/dist/icons/BulletList.d.ts +2 -0
- package/dist/icons/BulletList.js +11 -0
- package/dist/icons/Calendar.d.ts +2 -0
- package/dist/icons/Calendar.js +10 -0
- package/dist/icons/Camera.d.ts +2 -0
- package/dist/icons/Camera.js +10 -0
- package/dist/icons/CaretDown.d.ts +2 -0
- package/dist/icons/CaretDown.js +10 -0
- package/dist/icons/CaretLeft.d.ts +2 -0
- package/dist/icons/CaretLeft.js +10 -0
- package/dist/icons/CaretRight.d.ts +2 -0
- package/dist/icons/CaretRight.js +10 -0
- package/dist/icons/CaretUnfold.d.ts +2 -0
- package/dist/icons/CaretUnfold.js +10 -0
- package/dist/icons/CaretUp.d.ts +2 -0
- package/dist/icons/CaretUp.js +10 -0
- package/dist/icons/Chat.d.ts +2 -0
- package/dist/icons/Chat.js +11 -0
- package/dist/icons/ChatPlus.d.ts +2 -0
- package/dist/icons/ChatPlus.js +10 -0
- package/dist/icons/ChatSquare.d.ts +2 -0
- package/dist/icons/ChatSquare.js +11 -0
- package/dist/icons/ChatSquarePlus.d.ts +2 -0
- package/dist/icons/ChatSquarePlus.js +10 -0
- package/dist/icons/Checklist.d.ts +2 -0
- package/dist/icons/Checklist.js +10 -0
- package/dist/icons/ChevronDown.d.ts +2 -0
- package/dist/icons/ChevronDown.js +10 -0
- package/dist/icons/ChevronExpand.d.ts +2 -0
- package/dist/icons/ChevronExpand.js +10 -0
- package/dist/icons/ChevronLeft.d.ts +2 -0
- package/dist/icons/ChevronLeft.js +10 -0
- package/dist/icons/ChevronRight.d.ts +2 -0
- package/dist/icons/ChevronRight.js +10 -0
- package/dist/icons/ChevronShrink.d.ts +2 -0
- package/dist/icons/ChevronShrink.js +10 -0
- package/dist/icons/ChevronUnfold.d.ts +2 -0
- package/dist/icons/ChevronUnfold.js +10 -0
- package/dist/icons/ChevronUp.d.ts +2 -0
- package/dist/icons/ChevronUp.js +10 -0
- package/dist/icons/CircleArrowDown.d.ts +2 -0
- package/dist/icons/CircleArrowDown.js +11 -0
- package/dist/icons/CircleArrowLeft.d.ts +2 -0
- package/dist/icons/CircleArrowLeft.js +11 -0
- package/dist/icons/CircleArrowRight.d.ts +2 -0
- package/dist/icons/CircleArrowRight.js +11 -0
- package/dist/icons/CircleArrowUp.d.ts +2 -0
- package/dist/icons/CircleArrowUp.js +11 -0
- package/dist/icons/Clipboard.d.ts +2 -0
- package/dist/icons/Clipboard.js +11 -0
- package/dist/icons/ClipboardCheck.d.ts +2 -0
- package/dist/icons/ClipboardCheck.js +11 -0
- package/dist/icons/ClockCircle.d.ts +2 -0
- package/dist/icons/ClockCircle.js +11 -0
- package/dist/icons/ClockSquare.d.ts +2 -0
- package/dist/icons/ClockSquare.js +11 -0
- package/dist/icons/Cloud.d.ts +2 -0
- package/dist/icons/Cloud.js +10 -0
- package/dist/icons/CloudDownload.d.ts +2 -0
- package/dist/icons/CloudDownload.js +11 -0
- package/dist/icons/CloudUpload.d.ts +2 -0
- package/dist/icons/CloudUpload.js +11 -0
- package/dist/icons/Code.d.ts +2 -0
- package/dist/icons/Code.js +10 -0
- package/dist/icons/CodeDownload.d.ts +2 -0
- package/dist/icons/CodeDownload.js +11 -0
- package/dist/icons/ColorPalette.d.ts +2 -0
- package/dist/icons/ColorPalette.js +11 -0
- package/dist/icons/Console.d.ts +2 -0
- package/dist/icons/Console.js +13 -0
- package/dist/icons/ContactBook.d.ts +2 -0
- package/dist/icons/ContactBook.js +12 -0
- package/dist/icons/Convo.d.ts +2 -0
- package/dist/icons/Convo.js +10 -0
- package/dist/icons/Copy.d.ts +2 -0
- package/dist/icons/Copy.js +10 -0
- package/dist/icons/CreditCard.d.ts +2 -0
- package/dist/icons/CreditCard.js +10 -0
- package/dist/icons/Cross.d.ts +2 -0
- package/dist/icons/Cross.js +10 -0
- package/dist/icons/CrossCircle.d.ts +2 -0
- package/dist/icons/CrossCircle.js +10 -0
- package/dist/icons/Cube.d.ts +2 -0
- package/dist/icons/Cube.js +10 -0
- package/dist/icons/CurrencyExchange.d.ts +2 -0
- package/dist/icons/CurrencyExchange.js +11 -0
- package/dist/icons/Desktop.d.ts +2 -0
- package/dist/icons/Desktop.js +10 -0
- package/dist/icons/Devices.d.ts +2 -0
- package/dist/icons/Devices.js +10 -0
- package/dist/icons/Dialing.d.ts +2 -0
- package/dist/icons/Dialing.js +10 -0
- package/dist/icons/Discord.d.ts +2 -0
- package/dist/icons/Discord.js +11 -0
- package/dist/icons/DoubleChevronDown.d.ts +2 -0
- package/dist/icons/DoubleChevronDown.js +11 -0
- package/dist/icons/DoubleChevronLeft.d.ts +2 -0
- package/dist/icons/DoubleChevronLeft.js +11 -0
- package/dist/icons/DoubleChevronRight.d.ts +2 -0
- package/dist/icons/DoubleChevronRight.js +11 -0
- package/dist/icons/DoubleChevronUp.d.ts +2 -0
- package/dist/icons/DoubleChevronUp.js +11 -0
- package/dist/icons/Download.d.ts +2 -0
- package/dist/icons/Download.js +11 -0
- package/dist/icons/Edit.d.ts +2 -0
- package/dist/icons/Edit.js +10 -0
- package/dist/icons/ExternalLink.d.ts +2 -0
- package/dist/icons/ExternalLink.js +11 -0
- package/dist/icons/EyeClose.d.ts +2 -0
- package/dist/icons/EyeClose.js +10 -0
- package/dist/icons/EyeDisabled.d.ts +2 -0
- package/dist/icons/EyeDisabled.js +11 -0
- package/dist/icons/EyeOpen.d.ts +2 -0
- package/dist/icons/EyeOpen.js +11 -0
- package/dist/icons/Facebook1.d.ts +2 -0
- package/dist/icons/Facebook1.js +10 -0
- package/dist/icons/Facebook2.d.ts +2 -0
- package/dist/icons/Facebook2.js +10 -0
- package/dist/icons/FastForward.d.ts +2 -0
- package/dist/icons/FastForward.js +10 -0
- package/dist/icons/FastRewind.d.ts +2 -0
- package/dist/icons/FastRewind.js +10 -0
- package/dist/icons/FilledAlarm.d.ts +2 -0
- package/dist/icons/FilledAlarm.js +10 -0
- package/dist/icons/FilledAlertCircle.d.ts +2 -0
- package/dist/icons/FilledAlertCircle.js +10 -0
- package/dist/icons/FilledAlertTriangle.d.ts +2 -0
- package/dist/icons/FilledAlertTriangle.js +10 -0
- package/dist/icons/FilledApps.d.ts +2 -0
- package/dist/icons/FilledApps.js +10 -0
- package/dist/icons/FilledBarChart.d.ts +2 -0
- package/dist/icons/FilledBarChart.js +10 -0
- package/dist/icons/FilledBell.d.ts +2 -0
- package/dist/icons/FilledBell.js +11 -0
- package/dist/icons/FilledBellDisabled.d.ts +2 -0
- package/dist/icons/FilledBellDisabled.js +12 -0
- package/dist/icons/FilledBin.d.ts +2 -0
- package/dist/icons/FilledBin.js +10 -0
- package/dist/icons/FilledBookmark.d.ts +2 -0
- package/dist/icons/FilledBookmark.js +10 -0
- package/dist/icons/FilledBrowser.d.ts +2 -0
- package/dist/icons/FilledBrowser.js +10 -0
- package/dist/icons/FilledBrush.d.ts +2 -0
- package/dist/icons/FilledBrush.js +11 -0
- package/dist/icons/FilledCalendar.d.ts +2 -0
- package/dist/icons/FilledCalendar.js +11 -0
- package/dist/icons/FilledCamera.d.ts +2 -0
- package/dist/icons/FilledCamera.js +11 -0
- package/dist/icons/FilledChat.d.ts +2 -0
- package/dist/icons/FilledChat.js +10 -0
- package/dist/icons/FilledChatSquare.d.ts +2 -0
- package/dist/icons/FilledChatSquare.js +10 -0
- package/dist/icons/FilledCircleArrowDown.d.ts +2 -0
- package/dist/icons/FilledCircleArrowDown.js +10 -0
- package/dist/icons/FilledCircleArrowLeft.d.ts +2 -0
- package/dist/icons/FilledCircleArrowLeft.js +10 -0
- package/dist/icons/FilledCircleArrowRight.d.ts +2 -0
- package/dist/icons/FilledCircleArrowRight.js +10 -0
- package/dist/icons/FilledCircleArrowUp.d.ts +2 -0
- package/dist/icons/FilledCircleArrowUp.js +10 -0
- package/dist/icons/FilledCircleTick.d.ts +2 -0
- package/dist/icons/FilledCircleTick.js +10 -0
- package/dist/icons/FilledClockCircle.d.ts +2 -0
- package/dist/icons/FilledClockCircle.js +10 -0
- package/dist/icons/FilledClockSquare.d.ts +2 -0
- package/dist/icons/FilledClockSquare.js +10 -0
- package/dist/icons/FilledCloud.d.ts +2 -0
- package/dist/icons/FilledCloud.js +10 -0
- package/dist/icons/FilledCloudDownload.d.ts +2 -0
- package/dist/icons/FilledCloudDownload.js +11 -0
- package/dist/icons/FilledCloudUpload.d.ts +2 -0
- package/dist/icons/FilledCloudUpload.js +11 -0
- package/dist/icons/FilledColorPalette.d.ts +2 -0
- package/dist/icons/FilledColorPalette.js +10 -0
- package/dist/icons/FilledConsole.d.ts +2 -0
- package/dist/icons/FilledConsole.js +10 -0
- package/dist/icons/FilledContactBook.d.ts +2 -0
- package/dist/icons/FilledContactBook.js +10 -0
- package/dist/icons/FilledConvo.d.ts +2 -0
- package/dist/icons/FilledConvo.js +11 -0
- package/dist/icons/FilledCopy.d.ts +2 -0
- package/dist/icons/FilledCopy.js +11 -0
- package/dist/icons/FilledCreditCard.d.ts +2 -0
- package/dist/icons/FilledCreditCard.js +10 -0
- package/dist/icons/FilledCrossCircle.d.ts +2 -0
- package/dist/icons/FilledCrossCircle.js +10 -0
- package/dist/icons/FilledCube.d.ts +2 -0
- package/dist/icons/FilledCube.js +10 -0
- package/dist/icons/FilledEdit.d.ts +2 -0
- package/dist/icons/FilledEdit.js +10 -0
- package/dist/icons/FilledEyeDisabled.d.ts +2 -0
- package/dist/icons/FilledEyeDisabled.js +14 -0
- package/dist/icons/FilledEyeOpen.d.ts +2 -0
- package/dist/icons/FilledEyeOpen.js +11 -0
- package/dist/icons/FilledFilter.d.ts +2 -0
- package/dist/icons/FilledFilter.js +10 -0
- package/dist/icons/FilledFilterDisabled.d.ts +2 -0
- package/dist/icons/FilledFilterDisabled.js +11 -0
- package/dist/icons/FilledFlash.d.ts +2 -0
- package/dist/icons/FilledFlash.js +11 -0
- package/dist/icons/FilledFlashDisabled.d.ts +2 -0
- package/dist/icons/FilledFlashDisabled.js +11 -0
- package/dist/icons/FilledFolder.d.ts +2 -0
- package/dist/icons/FilledFolder.js +10 -0
- package/dist/icons/FilledFolderMinus.d.ts +2 -0
- package/dist/icons/FilledFolderMinus.js +10 -0
- package/dist/icons/FilledFolderPlus.d.ts +2 -0
- package/dist/icons/FilledFolderPlus.js +10 -0
- package/dist/icons/FilledGrid.d.ts +2 -0
- package/dist/icons/FilledGrid.js +10 -0
- package/dist/icons/FilledHeadphone.d.ts +2 -0
- package/dist/icons/FilledHeadphone.js +14 -0
- package/dist/icons/FilledHeart.d.ts +2 -0
- package/dist/icons/FilledHeart.js +14 -0
- package/dist/icons/FilledHome.d.ts +2 -0
- package/dist/icons/FilledHome.js +10 -0
- package/dist/icons/FilledIdCard.d.ts +2 -0
- package/dist/icons/FilledIdCard.js +10 -0
- package/dist/icons/FilledImage.d.ts +2 -0
- package/dist/icons/FilledImage.js +14 -0
- package/dist/icons/FilledInbox.d.ts +2 -0
- package/dist/icons/FilledInbox.js +10 -0
- package/dist/icons/FilledInfo.d.ts +2 -0
- package/dist/icons/FilledInfo.js +10 -0
- package/dist/icons/FilledInlineEdit.d.ts +2 -0
- package/dist/icons/FilledInlineEdit.js +10 -0
- package/dist/icons/FilledLayers.d.ts +2 -0
- package/dist/icons/FilledLayers.js +12 -0
- package/dist/icons/FilledLocationPin1.d.ts +2 -0
- package/dist/icons/FilledLocationPin1.js +10 -0
- package/dist/icons/FilledLock.d.ts +2 -0
- package/dist/icons/FilledLock.js +10 -0
- package/dist/icons/FilledMagnifierMinus.d.ts +2 -0
- package/dist/icons/FilledMagnifierMinus.js +11 -0
- package/dist/icons/FilledMagnifierPlus.d.ts +2 -0
- package/dist/icons/FilledMagnifierPlus.js +11 -0
- package/dist/icons/FilledMail.d.ts +2 -0
- package/dist/icons/FilledMail.js +10 -0
- package/dist/icons/FilledMap.d.ts +2 -0
- package/dist/icons/FilledMap.js +10 -0
- package/dist/icons/FilledMic.d.ts +2 -0
- package/dist/icons/FilledMic.js +13 -0
- package/dist/icons/FilledMicDisabled.d.ts +2 -0
- package/dist/icons/FilledMicDisabled.js +12 -0
- package/dist/icons/FilledMinusCircle.d.ts +2 -0
- package/dist/icons/FilledMinusCircle.js +10 -0
- package/dist/icons/FilledMoon.d.ts +2 -0
- package/dist/icons/FilledMoon.js +10 -0
- package/dist/icons/FilledMoreHorizontalCircle.d.ts +2 -0
- package/dist/icons/FilledMoreHorizontalCircle.js +10 -0
- package/dist/icons/FilledMoreVerticalCircle.d.ts +2 -0
- package/dist/icons/FilledMoreVerticalCircle.js +10 -0
- package/dist/icons/FilledMouse.d.ts +2 -0
- package/dist/icons/FilledMouse.js +10 -0
- package/dist/icons/FilledNotebook.d.ts +2 -0
- package/dist/icons/FilledNotebook.js +10 -0
- package/dist/icons/FilledPaper.d.ts +2 -0
- package/dist/icons/FilledPaper.js +10 -0
- package/dist/icons/FilledPaperMinus.d.ts +2 -0
- package/dist/icons/FilledPaperMinus.js +10 -0
- package/dist/icons/FilledPaperPlane.d.ts +2 -0
- package/dist/icons/FilledPaperPlane.js +10 -0
- package/dist/icons/FilledPaperPlus.d.ts +2 -0
- package/dist/icons/FilledPaperPlus.js +10 -0
- package/dist/icons/FilledPeople.d.ts +2 -0
- package/dist/icons/FilledPeople.js +11 -0
- package/dist/icons/FilledPerson.d.ts +2 -0
- package/dist/icons/FilledPerson.js +10 -0
- package/dist/icons/FilledPersonMinus.d.ts +2 -0
- package/dist/icons/FilledPersonMinus.js +11 -0
- package/dist/icons/FilledPersonPlus.d.ts +2 -0
- package/dist/icons/FilledPersonPlus.js +12 -0
- package/dist/icons/FilledPieChart.d.ts +2 -0
- package/dist/icons/FilledPieChart.js +15 -0
- package/dist/icons/FilledPlusCircle.d.ts +2 -0
- package/dist/icons/FilledPlusCircle.js +10 -0
- package/dist/icons/FilledPrinter.d.ts +2 -0
- package/dist/icons/FilledPrinter.js +12 -0
- package/dist/icons/FilledQuestion.d.ts +2 -0
- package/dist/icons/FilledQuestion.js +10 -0
- package/dist/icons/FilledReceipt.d.ts +2 -0
- package/dist/icons/FilledReceipt.js +10 -0
- package/dist/icons/FilledSettings.d.ts +2 -0
- package/dist/icons/FilledSettings.js +10 -0
- package/dist/icons/FilledShare.d.ts +2 -0
- package/dist/icons/FilledShare.js +12 -0
- package/dist/icons/FilledShield.d.ts +2 -0
- package/dist/icons/FilledShield.js +10 -0
- package/dist/icons/FilledShieldDisabled.d.ts +2 -0
- package/dist/icons/FilledShieldDisabled.js +10 -0
- package/dist/icons/FilledShoppingBag.d.ts +2 -0
- package/dist/icons/FilledShoppingBag.js +10 -0
- package/dist/icons/FilledShoppingBasket.d.ts +2 -0
- package/dist/icons/FilledShoppingBasket.js +10 -0
- package/dist/icons/FilledShoppingCart.d.ts +2 -0
- package/dist/icons/FilledShoppingCart.js +10 -0
- package/dist/icons/FilledSkipNext.d.ts +2 -0
- package/dist/icons/FilledSkipNext.js +11 -0
- package/dist/icons/FilledSkipPrevious.d.ts +2 -0
- package/dist/icons/FilledSkipPrevious.js +11 -0
- package/dist/icons/FilledSliderHorizontal.d.ts +2 -0
- package/dist/icons/FilledSliderHorizontal.js +11 -0
- package/dist/icons/FilledSliderVertical.d.ts +2 -0
- package/dist/icons/FilledSliderVertical.js +11 -0
- package/dist/icons/FilledSpeaker.d.ts +2 -0
- package/dist/icons/FilledSpeaker.js +11 -0
- package/dist/icons/FilledStar.d.ts +2 -0
- package/dist/icons/FilledStar.js +10 -0
- package/dist/icons/FilledSun.d.ts +2 -0
- package/dist/icons/FilledSun.js +10 -0
- package/dist/icons/FilledTag.d.ts +2 -0
- package/dist/icons/FilledTag.js +10 -0
- package/dist/icons/FilledUnlock.d.ts +2 -0
- package/dist/icons/FilledUnlock.js +10 -0
- package/dist/icons/FilledUsbStick.d.ts +2 -0
- package/dist/icons/FilledUsbStick.js +10 -0
- package/dist/icons/FilledVideo.d.ts +2 -0
- package/dist/icons/FilledVideo.js +10 -0
- package/dist/icons/FilledVideoDisabled.d.ts +2 -0
- package/dist/icons/FilledVideoDisabled.js +11 -0
- package/dist/icons/FilledVolumeOff.d.ts +2 -0
- package/dist/icons/FilledVolumeOff.js +13 -0
- package/dist/icons/FilledVolumeOn.d.ts +2 -0
- package/dist/icons/FilledVolumeOn.js +12 -0
- package/dist/icons/FilledWallet.d.ts +2 -0
- package/dist/icons/FilledWallet.js +11 -0
- package/dist/icons/Filter.d.ts +2 -0
- package/dist/icons/Filter.js +10 -0
- package/dist/icons/FilterDisabled.d.ts +2 -0
- package/dist/icons/FilterDisabled.js +11 -0
- package/dist/icons/Fingerprint.d.ts +2 -0
- package/dist/icons/Fingerprint.js +10 -0
- package/dist/icons/Flash.d.ts +2 -0
- package/dist/icons/Flash.js +10 -0
- package/dist/icons/FlashDisabled.d.ts +2 -0
- package/dist/icons/FlashDisabled.js +11 -0
- package/dist/icons/Folder.d.ts +2 -0
- package/dist/icons/Folder.js +10 -0
- package/dist/icons/FolderMinus.d.ts +2 -0
- package/dist/icons/FolderMinus.js +10 -0
- package/dist/icons/FolderPlus.d.ts +2 -0
- package/dist/icons/FolderPlus.js +10 -0
- package/dist/icons/Github1.d.ts +2 -0
- package/dist/icons/Github1.js +10 -0
- package/dist/icons/Github2.d.ts +2 -0
- package/dist/icons/Github2.js +10 -0
- package/dist/icons/Globe.d.ts +2 -0
- package/dist/icons/Globe.js +10 -0
- package/dist/icons/Google.d.ts +2 -0
- package/dist/icons/Google.js +10 -0
- package/dist/icons/Grid.d.ts +2 -0
- package/dist/icons/Grid.js +10 -0
- package/dist/icons/Headphone.d.ts +2 -0
- package/dist/icons/Headphone.js +10 -0
- package/dist/icons/Heart.d.ts +2 -0
- package/dist/icons/Heart.js +14 -0
- package/dist/icons/Height.d.ts +2 -0
- package/dist/icons/Height.js +11 -0
- package/dist/icons/Home.d.ts +2 -0
- package/dist/icons/Home.js +10 -0
- package/dist/icons/IdCard.d.ts +2 -0
- package/dist/icons/IdCard.js +12 -0
- package/dist/icons/Image.d.ts +2 -0
- package/dist/icons/Image.js +13 -0
- package/dist/icons/Inbox.d.ts +2 -0
- package/dist/icons/Inbox.js +10 -0
- package/dist/icons/Info.d.ts +2 -0
- package/dist/icons/Info.js +12 -0
- package/dist/icons/InlineEdit.d.ts +2 -0
- package/dist/icons/InlineEdit.js +10 -0
- package/dist/icons/Laptop.d.ts +2 -0
- package/dist/icons/Laptop.js +10 -0
- package/dist/icons/Layers.d.ts +2 -0
- package/dist/icons/Layers.js +10 -0
- package/dist/icons/Link1.d.ts +2 -0
- package/dist/icons/Link1.js +10 -0
- package/dist/icons/Link2.d.ts +2 -0
- package/dist/icons/Link2.js +10 -0
- package/dist/icons/Linkedin1.d.ts +2 -0
- package/dist/icons/Linkedin1.js +10 -0
- package/dist/icons/Linkedin2.d.ts +2 -0
- package/dist/icons/Linkedin2.js +10 -0
- package/dist/icons/LocationPin1.d.ts +2 -0
- package/dist/icons/LocationPin1.js +11 -0
- package/dist/icons/Lock.d.ts +2 -0
- package/dist/icons/Lock.js +10 -0
- package/dist/icons/Loop.d.ts +2 -0
- package/dist/icons/Loop.js +10 -0
- package/dist/icons/Magnifier.d.ts +2 -0
- package/dist/icons/Magnifier.js +10 -0
- package/dist/icons/MagnifierMinus1.d.ts +2 -0
- package/dist/icons/MagnifierMinus1.js +10 -0
- package/dist/icons/MagnifierMinus2.d.ts +2 -0
- package/dist/icons/MagnifierMinus2.js +10 -0
- package/dist/icons/MagnifierPlus1.d.ts +2 -0
- package/dist/icons/MagnifierPlus1.js +10 -0
- package/dist/icons/MagnifierPlus2.d.ts +2 -0
- package/dist/icons/MagnifierPlus2.js +10 -0
- package/dist/icons/Mail.d.ts +2 -0
- package/dist/icons/Mail.js +10 -0
- package/dist/icons/Map.d.ts +2 -0
- package/dist/icons/Map.js +10 -0
- package/dist/icons/Menu.d.ts +2 -0
- package/dist/icons/Menu.js +10 -0
- package/dist/icons/MenuLeft.d.ts +2 -0
- package/dist/icons/MenuLeft.js +10 -0
- package/dist/icons/MenuRight.d.ts +2 -0
- package/dist/icons/MenuRight.js +10 -0
- package/dist/icons/Mic.d.ts +2 -0
- package/dist/icons/Mic.js +10 -0
- package/dist/icons/MicDisabled.d.ts +2 -0
- package/dist/icons/MicDisabled.js +12 -0
- package/dist/icons/Minus.d.ts +2 -0
- package/dist/icons/Minus.js +10 -0
- package/dist/icons/MinusCircle.d.ts +2 -0
- package/dist/icons/MinusCircle.js +10 -0
- package/dist/icons/Mobile.d.ts +2 -0
- package/dist/icons/Mobile.js +11 -0
- package/dist/icons/Moon.d.ts +2 -0
- package/dist/icons/Moon.js +10 -0
- package/dist/icons/MoreHorizontal.d.ts +2 -0
- package/dist/icons/MoreHorizontal.js +10 -0
- package/dist/icons/MoreHorizontalCircle.d.ts +2 -0
- package/dist/icons/MoreHorizontalCircle.js +11 -0
- package/dist/icons/MoreVertical.d.ts +2 -0
- package/dist/icons/MoreVertical.js +10 -0
- package/dist/icons/MoreVerticalCircle.d.ts +2 -0
- package/dist/icons/MoreVerticalCircle.js +11 -0
- package/dist/icons/Mouse.d.ts +2 -0
- package/dist/icons/Mouse.js +10 -0
- package/dist/icons/Move.d.ts +2 -0
- package/dist/icons/Move.js +10 -0
- package/dist/icons/Music.d.ts +2 -0
- package/dist/icons/Music.js +10 -0
- package/dist/icons/MusicDisabled.d.ts +2 -0
- package/dist/icons/MusicDisabled.js +11 -0
- package/dist/icons/Navigation1.d.ts +2 -0
- package/dist/icons/Navigation1.js +10 -0
- package/dist/icons/Navigation2.d.ts +2 -0
- package/dist/icons/Navigation2.js +10 -0
- package/dist/icons/Notebook.d.ts +2 -0
- package/dist/icons/Notebook.js +11 -0
- package/dist/icons/NumberedList.d.ts +2 -0
- package/dist/icons/NumberedList.js +15 -0
- package/dist/icons/Paper1.d.ts +2 -0
- package/dist/icons/Paper1.js +10 -0
- package/dist/icons/Paper2.d.ts +2 -0
- package/dist/icons/Paper2.js +10 -0
- package/dist/icons/PaperMinus.d.ts +2 -0
- package/dist/icons/PaperMinus.js +10 -0
- package/dist/icons/PaperPlane.d.ts +2 -0
- package/dist/icons/PaperPlane.js +10 -0
- package/dist/icons/PaperPlus.d.ts +2 -0
- package/dist/icons/PaperPlus.js +10 -0
- package/dist/icons/Passcode.d.ts +2 -0
- package/dist/icons/Passcode.js +11 -0
- package/dist/icons/People.d.ts +2 -0
- package/dist/icons/People.js +10 -0
- package/dist/icons/Person.d.ts +2 -0
- package/dist/icons/Person.js +10 -0
- package/dist/icons/PersonMinus.d.ts +2 -0
- package/dist/icons/PersonMinus.js +10 -0
- package/dist/icons/PersonPlus.d.ts +2 -0
- package/dist/icons/PersonPlus.js +10 -0
- package/dist/icons/Phone.d.ts +2 -0
- package/dist/icons/Phone.js +10 -0
- package/dist/icons/PhoneDisabled.d.ts +2 -0
- package/dist/icons/PhoneDisabled.js +11 -0
- package/dist/icons/PhoneFailed.d.ts +2 -0
- package/dist/icons/PhoneFailed.js +10 -0
- package/dist/icons/PieChart.d.ts +2 -0
- package/dist/icons/PieChart.js +11 -0
- package/dist/icons/Plus.d.ts +2 -0
- package/dist/icons/Plus.js +10 -0
- package/dist/icons/PlusCircle.d.ts +2 -0
- package/dist/icons/PlusCircle.js +10 -0
- package/dist/icons/Printer.d.ts +2 -0
- package/dist/icons/Printer.js +10 -0
- package/dist/icons/QrCode.d.ts +2 -0
- package/dist/icons/QrCode.js +12 -0
- package/dist/icons/Question.d.ts +2 -0
- package/dist/icons/Question.js +11 -0
- package/dist/icons/Receipt.d.ts +2 -0
- package/dist/icons/Receipt.js +10 -0
- package/dist/icons/Redo.d.ts +2 -0
- package/dist/icons/Redo.js +10 -0
- package/dist/icons/Reload.d.ts +2 -0
- package/dist/icons/Reload.js +11 -0
- package/dist/icons/Settings.d.ts +2 -0
- package/dist/icons/Settings.js +10 -0
- package/dist/icons/Share.d.ts +2 -0
- package/dist/icons/Share.js +10 -0
- package/dist/icons/Shield.d.ts +2 -0
- package/dist/icons/Shield.js +10 -0
- package/dist/icons/ShieldDisabled.d.ts +2 -0
- package/dist/icons/ShieldDisabled.js +11 -0
- package/dist/icons/ShoppingBag.d.ts +2 -0
- package/dist/icons/ShoppingBag.js +12 -0
- package/dist/icons/ShoppingBasket.d.ts +2 -0
- package/dist/icons/ShoppingBasket.js +10 -0
- package/dist/icons/ShoppingCart.d.ts +2 -0
- package/dist/icons/ShoppingCart.js +11 -0
- package/dist/icons/Shuffle.d.ts +2 -0
- package/dist/icons/Shuffle.js +10 -0
- package/dist/icons/SignIn.d.ts +2 -0
- package/dist/icons/SignIn.js +11 -0
- package/dist/icons/SignOut.d.ts +2 -0
- package/dist/icons/SignOut.js +11 -0
- package/dist/icons/SkipNext.d.ts +2 -0
- package/dist/icons/SkipNext.js +10 -0
- package/dist/icons/SkipPrevious.d.ts +2 -0
- package/dist/icons/SkipPrevious.js +10 -0
- package/dist/icons/Slack.d.ts +2 -0
- package/dist/icons/Slack.js +10 -0
- package/dist/icons/SliderHorizontal.d.ts +2 -0
- package/dist/icons/SliderHorizontal.js +10 -0
- package/dist/icons/SliderVertical.d.ts +2 -0
- package/dist/icons/SliderVertical.js +10 -0
- package/dist/icons/Speaker.d.ts +2 -0
- package/dist/icons/Speaker.js +10 -0
- package/dist/icons/Star.d.ts +2 -0
- package/dist/icons/Star.js +10 -0
- package/dist/icons/Stop.d.ts +2 -0
- package/dist/icons/Stop.js +10 -0
- package/dist/icons/SubArrowLeft.d.ts +2 -0
- package/dist/icons/SubArrowLeft.js +10 -0
- package/dist/icons/SubArrowRight.d.ts +2 -0
- package/dist/icons/SubArrowRight.js +10 -0
- package/dist/icons/Sun.d.ts +2 -0
- package/dist/icons/Sun.js +11 -0
- package/dist/icons/Support.d.ts +2 -0
- package/dist/icons/Support.js +13 -0
- package/dist/icons/Sync.d.ts +2 -0
- package/dist/icons/Sync.js +11 -0
- package/dist/icons/Tablet.d.ts +2 -0
- package/dist/icons/Tablet.js +11 -0
- package/dist/icons/Tag.d.ts +2 -0
- package/dist/icons/Tag.js +11 -0
- package/dist/icons/Tick.d.ts +2 -0
- package/dist/icons/Tick.js +10 -0
- package/dist/icons/Transfer.d.ts +2 -0
- package/dist/icons/Transfer.js +10 -0
- package/dist/icons/TrendDown.d.ts +2 -0
- package/dist/icons/TrendDown.js +10 -0
- package/dist/icons/TrendUp.d.ts +2 -0
- package/dist/icons/TrendUp.js +10 -0
- package/dist/icons/Tv.d.ts +2 -0
- package/dist/icons/Tv.js +10 -0
- package/dist/icons/Twitter1.d.ts +2 -0
- package/dist/icons/Twitter1.js +10 -0
- package/dist/icons/Twitter2.d.ts +2 -0
- package/dist/icons/Twitter2.js +10 -0
- package/dist/icons/Undo.d.ts +2 -0
- package/dist/icons/Undo.js +10 -0
- package/dist/icons/Unlink.d.ts +2 -0
- package/dist/icons/Unlink.js +10 -0
- package/dist/icons/Unlock.d.ts +2 -0
- package/dist/icons/Unlock.js +10 -0
- package/dist/icons/Upload.d.ts +2 -0
- package/dist/icons/Upload.js +11 -0
- package/dist/icons/UsbStick.d.ts +2 -0
- package/dist/icons/UsbStick.js +12 -0
- package/dist/icons/Video.d.ts +2 -0
- package/dist/icons/Video.js +10 -0
- package/dist/icons/VideoDisabled.d.ts +2 -0
- package/dist/icons/VideoDisabled.js +12 -0
- package/dist/icons/VolumeOff.d.ts +2 -0
- package/dist/icons/VolumeOff.js +13 -0
- package/dist/icons/VolumeOn.d.ts +2 -0
- package/dist/icons/VolumeOn.js +10 -0
- package/dist/icons/Wallet.d.ts +2 -0
- package/dist/icons/Wallet.js +10 -0
- package/dist/icons/Width.d.ts +2 -0
- package/dist/icons/Width.js +11 -0
- package/dist/icons/Youtube.d.ts +2 -0
- package/dist/icons/Youtube.js +10 -0
- package/dist/icons/helpers/createSvgIcon.d.ts +3 -0
- package/dist/icons/helpers/createSvgIcon.js +16 -0
- package/dist/icons/svg-icon/SvgIcon.d.ts +14 -0
- package/dist/icons/svg-icon/SvgIcon.js +22 -0
- package/dist/index.css +95760 -0
- package/dist/index.d.ts +34 -0
- package/dist/index.js +50 -0
- package/dist/utils/dom.d.ts +1 -0
- package/dist/utils/dom.js +4 -0
- package/dist/utils/generateUEID.d.ts +1 -0
- package/dist/utils/generateUEID.js +11 -0
- package/dist/utils/intent.d.ts +2 -0
- package/dist/utils/intent.js +20 -0
- package/dist/utils/render.js +136 -0
- package/icons/Alarm.d.ts +2 -0
- package/icons/Alarm.js +10 -0
- package/icons/AlertCircle.d.ts +2 -0
- package/icons/AlertCircle.js +12 -0
- package/icons/AlertTriangle.d.ts +2 -0
- package/icons/AlertTriangle.js +12 -0
- package/icons/Apps.d.ts +2 -0
- package/icons/Apps.js +10 -0
- package/icons/ArrowDown.d.ts +2 -0
- package/icons/ArrowDown.js +10 -0
- package/icons/ArrowDownLeft.d.ts +2 -0
- package/icons/ArrowDownLeft.js +10 -0
- package/icons/ArrowDownRight.d.ts +2 -0
- package/icons/ArrowDownRight.js +10 -0
- package/icons/ArrowLeft.d.ts +2 -0
- package/icons/ArrowLeft.js +10 -0
- package/icons/ArrowRight.d.ts +2 -0
- package/icons/ArrowRight.js +10 -0
- package/icons/ArrowUp.d.ts +2 -0
- package/icons/ArrowUp.js +10 -0
- package/icons/ArrowUpLeft.d.ts +2 -0
- package/icons/ArrowUpLeft.js +10 -0
- package/icons/ArrowUpRight.d.ts +2 -0
- package/icons/ArrowUpRight.js +10 -0
- package/icons/BarChart.d.ts +2 -0
- package/icons/BarChart.js +10 -0
- package/icons/Bell.d.ts +2 -0
- package/icons/Bell.js +10 -0
- package/icons/BellDisabled.d.ts +2 -0
- package/icons/BellDisabled.js +11 -0
- package/icons/Bin.d.ts +2 -0
- package/icons/Bin.js +10 -0
- package/icons/BinMinimal.d.ts +2 -0
- package/icons/BinMinimal.js +10 -0
- package/icons/Bookmark.d.ts +2 -0
- package/icons/Bookmark.js +10 -0
- package/icons/Browser.d.ts +2 -0
- package/icons/Browser.js +12 -0
- package/icons/Brush.d.ts +2 -0
- package/icons/Brush.js +10 -0
- package/icons/BulletList.d.ts +2 -0
- package/icons/BulletList.js +11 -0
- package/icons/Calendar.d.ts +2 -0
- package/icons/Calendar.js +10 -0
- package/icons/Camera.d.ts +2 -0
- package/icons/Camera.js +10 -0
- package/icons/CaretDown.d.ts +2 -0
- package/icons/CaretDown.js +10 -0
- package/icons/CaretLeft.d.ts +2 -0
- package/icons/CaretLeft.js +10 -0
- package/icons/CaretRight.d.ts +2 -0
- package/icons/CaretRight.js +10 -0
- package/icons/CaretUnfold.d.ts +2 -0
- package/icons/CaretUnfold.js +10 -0
- package/icons/CaretUp.d.ts +2 -0
- package/icons/CaretUp.js +10 -0
- package/icons/Chat.d.ts +2 -0
- package/icons/Chat.js +11 -0
- package/icons/ChatPlus.d.ts +2 -0
- package/icons/ChatPlus.js +10 -0
- package/icons/ChatSquare.d.ts +2 -0
- package/icons/ChatSquare.js +11 -0
- package/icons/ChatSquarePlus.d.ts +2 -0
- package/icons/ChatSquarePlus.js +10 -0
- package/icons/Checklist.d.ts +2 -0
- package/icons/Checklist.js +10 -0
- package/icons/ChevronDown.d.ts +2 -0
- package/icons/ChevronDown.js +10 -0
- package/icons/ChevronExpand.d.ts +2 -0
- package/icons/ChevronExpand.js +10 -0
- package/icons/ChevronLeft.d.ts +2 -0
- package/icons/ChevronLeft.js +10 -0
- package/icons/ChevronRight.d.ts +2 -0
- package/icons/ChevronRight.js +10 -0
- package/icons/ChevronShrink.d.ts +2 -0
- package/icons/ChevronShrink.js +10 -0
- package/icons/ChevronUnfold.d.ts +2 -0
- package/icons/ChevronUnfold.js +10 -0
- package/icons/ChevronUp.d.ts +2 -0
- package/icons/ChevronUp.js +10 -0
- package/icons/CircleArrowDown.d.ts +2 -0
- package/icons/CircleArrowDown.js +11 -0
- package/icons/CircleArrowLeft.d.ts +2 -0
- package/icons/CircleArrowLeft.js +11 -0
- package/icons/CircleArrowRight.d.ts +2 -0
- package/icons/CircleArrowRight.js +11 -0
- package/icons/CircleArrowUp.d.ts +2 -0
- package/icons/CircleArrowUp.js +11 -0
- package/icons/Clipboard.d.ts +2 -0
- package/icons/Clipboard.js +11 -0
- package/icons/ClipboardCheck.d.ts +2 -0
- package/icons/ClipboardCheck.js +11 -0
- package/icons/ClockCircle.d.ts +2 -0
- package/icons/ClockCircle.js +11 -0
- package/icons/ClockSquare.d.ts +2 -0
- package/icons/ClockSquare.js +11 -0
- package/icons/Cloud.d.ts +2 -0
- package/icons/Cloud.js +10 -0
- package/icons/CloudDownload.d.ts +2 -0
- package/icons/CloudDownload.js +11 -0
- package/icons/CloudUpload.d.ts +2 -0
- package/icons/CloudUpload.js +11 -0
- package/icons/Code.d.ts +2 -0
- package/icons/Code.js +10 -0
- package/icons/CodeDownload.d.ts +2 -0
- package/icons/CodeDownload.js +11 -0
- package/icons/ColorPalette.d.ts +2 -0
- package/icons/ColorPalette.js +11 -0
- package/icons/Console.d.ts +2 -0
- package/icons/Console.js +13 -0
- package/icons/ContactBook.d.ts +2 -0
- package/icons/ContactBook.js +12 -0
- package/icons/Convo.d.ts +2 -0
- package/icons/Convo.js +10 -0
- package/icons/Copy.d.ts +2 -0
- package/icons/Copy.js +10 -0
- package/icons/CreditCard.d.ts +2 -0
- package/icons/CreditCard.js +10 -0
- package/icons/Cross.d.ts +2 -0
- package/icons/Cross.js +10 -0
- package/icons/CrossCircle.d.ts +2 -0
- package/icons/CrossCircle.js +10 -0
- package/icons/Cube.d.ts +2 -0
- package/icons/Cube.js +10 -0
- package/icons/CurrencyExchange.d.ts +2 -0
- package/icons/CurrencyExchange.js +11 -0
- package/icons/Desktop.d.ts +2 -0
- package/icons/Desktop.js +10 -0
- package/icons/Devices.d.ts +2 -0
- package/icons/Devices.js +10 -0
- package/icons/Dialing.d.ts +2 -0
- package/icons/Dialing.js +10 -0
- package/icons/Discord.d.ts +2 -0
- package/icons/Discord.js +11 -0
- package/icons/DoubleChevronDown.d.ts +2 -0
- package/icons/DoubleChevronDown.js +11 -0
- package/icons/DoubleChevronLeft.d.ts +2 -0
- package/icons/DoubleChevronLeft.js +11 -0
- package/icons/DoubleChevronRight.d.ts +2 -0
- package/icons/DoubleChevronRight.js +11 -0
- package/icons/DoubleChevronUp.d.ts +2 -0
- package/icons/DoubleChevronUp.js +11 -0
- package/icons/Download.d.ts +2 -0
- package/icons/Download.js +11 -0
- package/icons/Edit.d.ts +2 -0
- package/icons/Edit.js +10 -0
- package/icons/ExternalLink.d.ts +2 -0
- package/icons/ExternalLink.js +11 -0
- package/icons/EyeClose.d.ts +2 -0
- package/icons/EyeClose.js +10 -0
- package/icons/EyeDisabled.d.ts +2 -0
- package/icons/EyeDisabled.js +11 -0
- package/icons/EyeOpen.d.ts +2 -0
- package/icons/EyeOpen.js +11 -0
- package/icons/Facebook1.d.ts +2 -0
- package/icons/Facebook1.js +10 -0
- package/icons/Facebook2.d.ts +2 -0
- package/icons/Facebook2.js +10 -0
- package/icons/FastForward.d.ts +2 -0
- package/icons/FastForward.js +10 -0
- package/icons/FastRewind.d.ts +2 -0
- package/icons/FastRewind.js +10 -0
- package/icons/FilledAlarm.d.ts +2 -0
- package/icons/FilledAlarm.js +10 -0
- package/icons/FilledAlertCircle.d.ts +2 -0
- package/icons/FilledAlertCircle.js +10 -0
- package/icons/FilledAlertTriangle.d.ts +2 -0
- package/icons/FilledAlertTriangle.js +10 -0
- package/icons/FilledApps.d.ts +2 -0
- package/icons/FilledApps.js +10 -0
- package/icons/FilledBarChart.d.ts +2 -0
- package/icons/FilledBarChart.js +10 -0
- package/icons/FilledBell.d.ts +2 -0
- package/icons/FilledBell.js +11 -0
- package/icons/FilledBellDisabled.d.ts +2 -0
- package/icons/FilledBellDisabled.js +12 -0
- package/icons/FilledBin.d.ts +2 -0
- package/icons/FilledBin.js +10 -0
- package/icons/FilledBookmark.d.ts +2 -0
- package/icons/FilledBookmark.js +10 -0
- package/icons/FilledBrowser.d.ts +2 -0
- package/icons/FilledBrowser.js +10 -0
- package/icons/FilledBrush.d.ts +2 -0
- package/icons/FilledBrush.js +11 -0
- package/icons/FilledCalendar.d.ts +2 -0
- package/icons/FilledCalendar.js +11 -0
- package/icons/FilledCamera.d.ts +2 -0
- package/icons/FilledCamera.js +11 -0
- package/icons/FilledChat.d.ts +2 -0
- package/icons/FilledChat.js +10 -0
- package/icons/FilledChatSquare.d.ts +2 -0
- package/icons/FilledChatSquare.js +10 -0
- package/icons/FilledCircleArrowDown.d.ts +2 -0
- package/icons/FilledCircleArrowDown.js +10 -0
- package/icons/FilledCircleArrowLeft.d.ts +2 -0
- package/icons/FilledCircleArrowLeft.js +10 -0
- package/icons/FilledCircleArrowRight.d.ts +2 -0
- package/icons/FilledCircleArrowRight.js +10 -0
- package/icons/FilledCircleArrowUp.d.ts +2 -0
- package/icons/FilledCircleArrowUp.js +10 -0
- package/icons/FilledCircleTick.d.ts +2 -0
- package/icons/FilledCircleTick.js +10 -0
- package/icons/FilledClockCircle.d.ts +2 -0
- package/icons/FilledClockCircle.js +10 -0
- package/icons/FilledClockSquare.d.ts +2 -0
- package/icons/FilledClockSquare.js +10 -0
- package/icons/FilledCloud.d.ts +2 -0
- package/icons/FilledCloud.js +10 -0
- package/icons/FilledCloudDownload.d.ts +2 -0
- package/icons/FilledCloudDownload.js +11 -0
- package/icons/FilledCloudUpload.d.ts +2 -0
- package/icons/FilledCloudUpload.js +11 -0
- package/icons/FilledColorPalette.d.ts +2 -0
- package/icons/FilledColorPalette.js +10 -0
- package/icons/FilledConsole.d.ts +2 -0
- package/icons/FilledConsole.js +10 -0
- package/icons/FilledContactBook.d.ts +2 -0
- package/icons/FilledContactBook.js +10 -0
- package/icons/FilledConvo.d.ts +2 -0
- package/icons/FilledConvo.js +11 -0
- package/icons/FilledCopy.d.ts +2 -0
- package/icons/FilledCopy.js +11 -0
- package/icons/FilledCreditCard.d.ts +2 -0
- package/icons/FilledCreditCard.js +10 -0
- package/icons/FilledCrossCircle.d.ts +2 -0
- package/icons/FilledCrossCircle.js +10 -0
- package/icons/FilledCube.d.ts +2 -0
- package/icons/FilledCube.js +10 -0
- package/icons/FilledEdit.d.ts +2 -0
- package/icons/FilledEdit.js +10 -0
- package/icons/FilledEyeDisabled.d.ts +2 -0
- package/icons/FilledEyeDisabled.js +14 -0
- package/icons/FilledEyeOpen.d.ts +2 -0
- package/icons/FilledEyeOpen.js +11 -0
- package/icons/FilledFilter.d.ts +2 -0
- package/icons/FilledFilter.js +10 -0
- package/icons/FilledFilterDisabled.d.ts +2 -0
- package/icons/FilledFilterDisabled.js +11 -0
- package/icons/FilledFlash.d.ts +2 -0
- package/icons/FilledFlash.js +11 -0
- package/icons/FilledFlashDisabled.d.ts +2 -0
- package/icons/FilledFlashDisabled.js +11 -0
- package/icons/FilledFolder.d.ts +2 -0
- package/icons/FilledFolder.js +10 -0
- package/icons/FilledFolderMinus.d.ts +2 -0
- package/icons/FilledFolderMinus.js +10 -0
- package/icons/FilledFolderPlus.d.ts +2 -0
- package/icons/FilledFolderPlus.js +10 -0
- package/icons/FilledGrid.d.ts +2 -0
- package/icons/FilledGrid.js +10 -0
- package/icons/FilledHeadphone.d.ts +2 -0
- package/icons/FilledHeadphone.js +14 -0
- package/icons/FilledHeart.d.ts +2 -0
- package/icons/FilledHeart.js +14 -0
- package/icons/FilledHome.d.ts +2 -0
- package/icons/FilledHome.js +10 -0
- package/icons/FilledIdCard.d.ts +2 -0
- package/icons/FilledIdCard.js +10 -0
- package/icons/FilledImage.d.ts +2 -0
- package/icons/FilledImage.js +14 -0
- package/icons/FilledInbox.d.ts +2 -0
- package/icons/FilledInbox.js +10 -0
- package/icons/FilledInfo.d.ts +2 -0
- package/icons/FilledInfo.js +10 -0
- package/icons/FilledInlineEdit.d.ts +2 -0
- package/icons/FilledInlineEdit.js +10 -0
- package/icons/FilledLayers.d.ts +2 -0
- package/icons/FilledLayers.js +12 -0
- package/icons/FilledLocationPin1.d.ts +2 -0
- package/icons/FilledLocationPin1.js +10 -0
- package/icons/FilledLock.d.ts +2 -0
- package/icons/FilledLock.js +10 -0
- package/icons/FilledMagnifierMinus.d.ts +2 -0
- package/icons/FilledMagnifierMinus.js +11 -0
- package/icons/FilledMagnifierPlus.d.ts +2 -0
- package/icons/FilledMagnifierPlus.js +11 -0
- package/icons/FilledMail.d.ts +2 -0
- package/icons/FilledMail.js +10 -0
- package/icons/FilledMap.d.ts +2 -0
- package/icons/FilledMap.js +10 -0
- package/icons/FilledMic.d.ts +2 -0
- package/icons/FilledMic.js +13 -0
- package/icons/FilledMicDisabled.d.ts +2 -0
- package/icons/FilledMicDisabled.js +12 -0
- package/icons/FilledMinusCircle.d.ts +2 -0
- package/icons/FilledMinusCircle.js +10 -0
- package/icons/FilledMoon.d.ts +2 -0
- package/icons/FilledMoon.js +10 -0
- package/icons/FilledMoreHorizontalCircle.d.ts +2 -0
- package/icons/FilledMoreHorizontalCircle.js +10 -0
- package/icons/FilledMoreVerticalCircle.d.ts +2 -0
- package/icons/FilledMoreVerticalCircle.js +10 -0
- package/icons/FilledMouse.d.ts +2 -0
- package/icons/FilledMouse.js +10 -0
- package/icons/FilledNotebook.d.ts +2 -0
- package/icons/FilledNotebook.js +10 -0
- package/icons/FilledPaper.d.ts +2 -0
- package/icons/FilledPaper.js +10 -0
- package/icons/FilledPaperMinus.d.ts +2 -0
- package/icons/FilledPaperMinus.js +10 -0
- package/icons/FilledPaperPlane.d.ts +2 -0
- package/icons/FilledPaperPlane.js +10 -0
- package/icons/FilledPaperPlus.d.ts +2 -0
- package/icons/FilledPaperPlus.js +10 -0
- package/icons/FilledPeople.d.ts +2 -0
- package/icons/FilledPeople.js +11 -0
- package/icons/FilledPerson.d.ts +2 -0
- package/icons/FilledPerson.js +10 -0
- package/icons/FilledPersonMinus.d.ts +2 -0
- package/icons/FilledPersonMinus.js +11 -0
- package/icons/FilledPersonPlus.d.ts +2 -0
- package/icons/FilledPersonPlus.js +12 -0
- package/icons/FilledPieChart.d.ts +2 -0
- package/icons/FilledPieChart.js +15 -0
- package/icons/FilledPlusCircle.d.ts +2 -0
- package/icons/FilledPlusCircle.js +10 -0
- package/icons/FilledPrinter.d.ts +2 -0
- package/icons/FilledPrinter.js +12 -0
- package/icons/FilledQuestion.d.ts +2 -0
- package/icons/FilledQuestion.js +10 -0
- package/icons/FilledReceipt.d.ts +2 -0
- package/icons/FilledReceipt.js +10 -0
- package/icons/FilledSettings.d.ts +2 -0
- package/icons/FilledSettings.js +10 -0
- package/icons/FilledShare.d.ts +2 -0
- package/icons/FilledShare.js +12 -0
- package/icons/FilledShield.d.ts +2 -0
- package/icons/FilledShield.js +10 -0
- package/icons/FilledShieldDisabled.d.ts +2 -0
- package/icons/FilledShieldDisabled.js +10 -0
- package/icons/FilledShoppingBag.d.ts +2 -0
- package/icons/FilledShoppingBag.js +10 -0
- package/icons/FilledShoppingBasket.d.ts +2 -0
- package/icons/FilledShoppingBasket.js +10 -0
- package/icons/FilledShoppingCart.d.ts +2 -0
- package/icons/FilledShoppingCart.js +10 -0
- package/icons/FilledSkipNext.d.ts +2 -0
- package/icons/FilledSkipNext.js +11 -0
- package/icons/FilledSkipPrevious.d.ts +2 -0
- package/icons/FilledSkipPrevious.js +11 -0
- package/icons/FilledSliderHorizontal.d.ts +2 -0
- package/icons/FilledSliderHorizontal.js +11 -0
- package/icons/FilledSliderVertical.d.ts +2 -0
- package/icons/FilledSliderVertical.js +11 -0
- package/icons/FilledSpeaker.d.ts +2 -0
- package/icons/FilledSpeaker.js +11 -0
- package/icons/FilledStar.d.ts +2 -0
- package/icons/FilledStar.js +10 -0
- package/icons/FilledSun.d.ts +2 -0
- package/icons/FilledSun.js +10 -0
- package/icons/FilledTag.d.ts +2 -0
- package/icons/FilledTag.js +10 -0
- package/icons/FilledUnlock.d.ts +2 -0
- package/icons/FilledUnlock.js +10 -0
- package/icons/FilledUsbStick.d.ts +2 -0
- package/icons/FilledUsbStick.js +10 -0
- package/icons/FilledVideo.d.ts +2 -0
- package/icons/FilledVideo.js +10 -0
- package/icons/FilledVideoDisabled.d.ts +2 -0
- package/icons/FilledVideoDisabled.js +11 -0
- package/icons/FilledVolumeOff.d.ts +2 -0
- package/icons/FilledVolumeOff.js +13 -0
- package/icons/FilledVolumeOn.d.ts +2 -0
- package/icons/FilledVolumeOn.js +12 -0
- package/icons/FilledWallet.d.ts +2 -0
- package/icons/FilledWallet.js +11 -0
- package/icons/Filter.d.ts +2 -0
- package/icons/Filter.js +10 -0
- package/icons/FilterDisabled.d.ts +2 -0
- package/icons/FilterDisabled.js +11 -0
- package/icons/Fingerprint.d.ts +2 -0
- package/icons/Fingerprint.js +10 -0
- package/icons/Flash.d.ts +2 -0
- package/icons/Flash.js +10 -0
- package/icons/FlashDisabled.d.ts +2 -0
- package/icons/FlashDisabled.js +11 -0
- package/icons/Folder.d.ts +2 -0
- package/icons/Folder.js +10 -0
- package/icons/FolderMinus.d.ts +2 -0
- package/icons/FolderMinus.js +10 -0
- package/icons/FolderPlus.d.ts +2 -0
- package/icons/FolderPlus.js +10 -0
- package/icons/Github1.d.ts +2 -0
- package/icons/Github1.js +10 -0
- package/icons/Github2.d.ts +2 -0
- package/icons/Github2.js +10 -0
- package/icons/Globe.d.ts +2 -0
- package/icons/Globe.js +10 -0
- package/icons/Google.d.ts +2 -0
- package/icons/Google.js +10 -0
- package/icons/Grid.d.ts +2 -0
- package/icons/Grid.js +10 -0
- package/icons/Headphone.d.ts +2 -0
- package/icons/Headphone.js +10 -0
- package/icons/Heart.d.ts +2 -0
- package/icons/Heart.js +14 -0
- package/icons/Height.d.ts +2 -0
- package/icons/Height.js +11 -0
- package/icons/Home.d.ts +2 -0
- package/icons/Home.js +10 -0
- package/icons/IdCard.d.ts +2 -0
- package/icons/IdCard.js +12 -0
- package/icons/Image.d.ts +2 -0
- package/icons/Image.js +13 -0
- package/icons/Inbox.d.ts +2 -0
- package/icons/Inbox.js +10 -0
- package/icons/Info.d.ts +2 -0
- package/icons/Info.js +12 -0
- package/icons/InlineEdit.d.ts +2 -0
- package/icons/InlineEdit.js +10 -0
- package/icons/Laptop.d.ts +2 -0
- package/icons/Laptop.js +10 -0
- package/icons/Layers.d.ts +2 -0
- package/icons/Layers.js +10 -0
- package/icons/Link1.d.ts +2 -0
- package/icons/Link1.js +10 -0
- package/icons/Link2.d.ts +2 -0
- package/icons/Link2.js +10 -0
- package/icons/Linkedin1.d.ts +2 -0
- package/icons/Linkedin1.js +10 -0
- package/icons/Linkedin2.d.ts +2 -0
- package/icons/Linkedin2.js +10 -0
- package/icons/LocationPin1.d.ts +2 -0
- package/icons/LocationPin1.js +11 -0
- package/icons/Lock.d.ts +2 -0
- package/icons/Lock.js +10 -0
- package/icons/Loop.d.ts +2 -0
- package/icons/Loop.js +10 -0
- package/icons/Magnifier.d.ts +2 -0
- package/icons/Magnifier.js +10 -0
- package/icons/MagnifierMinus1.d.ts +2 -0
- package/icons/MagnifierMinus1.js +10 -0
- package/icons/MagnifierMinus2.d.ts +2 -0
- package/icons/MagnifierMinus2.js +10 -0
- package/icons/MagnifierPlus1.d.ts +2 -0
- package/icons/MagnifierPlus1.js +10 -0
- package/icons/MagnifierPlus2.d.ts +2 -0
- package/icons/MagnifierPlus2.js +10 -0
- package/icons/Mail.d.ts +2 -0
- package/icons/Mail.js +10 -0
- package/icons/Map.d.ts +2 -0
- package/icons/Map.js +10 -0
- package/icons/Menu.d.ts +2 -0
- package/icons/Menu.js +10 -0
- package/icons/MenuLeft.d.ts +2 -0
- package/icons/MenuLeft.js +10 -0
- package/icons/MenuRight.d.ts +2 -0
- package/icons/MenuRight.js +10 -0
- package/icons/Mic.d.ts +2 -0
- package/icons/Mic.js +10 -0
- package/icons/MicDisabled.d.ts +2 -0
- package/icons/MicDisabled.js +12 -0
- package/icons/Minus.d.ts +2 -0
- package/icons/Minus.js +10 -0
- package/icons/MinusCircle.d.ts +2 -0
- package/icons/MinusCircle.js +10 -0
- package/icons/Mobile.d.ts +2 -0
- package/icons/Mobile.js +11 -0
- package/icons/Moon.d.ts +2 -0
- package/icons/Moon.js +10 -0
- package/icons/MoreHorizontal.d.ts +2 -0
- package/icons/MoreHorizontal.js +10 -0
- package/icons/MoreHorizontalCircle.d.ts +2 -0
- package/icons/MoreHorizontalCircle.js +11 -0
- package/icons/MoreVertical.d.ts +2 -0
- package/icons/MoreVertical.js +10 -0
- package/icons/MoreVerticalCircle.d.ts +2 -0
- package/icons/MoreVerticalCircle.js +11 -0
- package/icons/Mouse.d.ts +2 -0
- package/icons/Mouse.js +10 -0
- package/icons/Move.d.ts +2 -0
- package/icons/Move.js +10 -0
- package/icons/Music.d.ts +2 -0
- package/icons/Music.js +10 -0
- package/icons/MusicDisabled.d.ts +2 -0
- package/icons/MusicDisabled.js +11 -0
- package/icons/Navigation1.d.ts +2 -0
- package/icons/Navigation1.js +10 -0
- package/icons/Navigation2.d.ts +2 -0
- package/icons/Navigation2.js +10 -0
- package/icons/Notebook.d.ts +2 -0
- package/icons/Notebook.js +11 -0
- package/icons/NumberedList.d.ts +2 -0
- package/icons/NumberedList.js +15 -0
- package/icons/Paper1.d.ts +2 -0
- package/icons/Paper1.js +10 -0
- package/icons/Paper2.d.ts +2 -0
- package/icons/Paper2.js +10 -0
- package/icons/PaperMinus.d.ts +2 -0
- package/icons/PaperMinus.js +10 -0
- package/icons/PaperPlane.d.ts +2 -0
- package/icons/PaperPlane.js +10 -0
- package/icons/PaperPlus.d.ts +2 -0
- package/icons/PaperPlus.js +10 -0
- package/icons/Passcode.d.ts +2 -0
- package/icons/Passcode.js +11 -0
- package/icons/People.d.ts +2 -0
- package/icons/People.js +10 -0
- package/icons/Person.d.ts +2 -0
- package/icons/Person.js +10 -0
- package/icons/PersonMinus.d.ts +2 -0
- package/icons/PersonMinus.js +10 -0
- package/icons/PersonPlus.d.ts +2 -0
- package/icons/PersonPlus.js +10 -0
- package/icons/Phone.d.ts +2 -0
- package/icons/Phone.js +10 -0
- package/icons/PhoneDisabled.d.ts +2 -0
- package/icons/PhoneDisabled.js +11 -0
- package/icons/PhoneFailed.d.ts +2 -0
- package/icons/PhoneFailed.js +10 -0
- package/icons/PieChart.d.ts +2 -0
- package/icons/PieChart.js +11 -0
- package/icons/Plus.d.ts +2 -0
- package/icons/Plus.js +10 -0
- package/icons/PlusCircle.d.ts +2 -0
- package/icons/PlusCircle.js +10 -0
- package/icons/Printer.d.ts +2 -0
- package/icons/Printer.js +10 -0
- package/icons/QrCode.d.ts +2 -0
- package/icons/QrCode.js +12 -0
- package/icons/Question.d.ts +2 -0
- package/icons/Question.js +11 -0
- package/icons/Receipt.d.ts +2 -0
- package/icons/Receipt.js +10 -0
- package/icons/Redo.d.ts +2 -0
- package/icons/Redo.js +10 -0
- package/icons/Reload.d.ts +2 -0
- package/icons/Reload.js +11 -0
- package/icons/Settings.d.ts +2 -0
- package/icons/Settings.js +10 -0
- package/icons/Share.d.ts +2 -0
- package/icons/Share.js +10 -0
- package/icons/Shield.d.ts +2 -0
- package/icons/Shield.js +10 -0
- package/icons/ShieldDisabled.d.ts +2 -0
- package/icons/ShieldDisabled.js +11 -0
- package/icons/ShoppingBag.d.ts +2 -0
- package/icons/ShoppingBag.js +12 -0
- package/icons/ShoppingBasket.d.ts +2 -0
- package/icons/ShoppingBasket.js +10 -0
- package/icons/ShoppingCart.d.ts +2 -0
- package/icons/ShoppingCart.js +11 -0
- package/icons/Shuffle.d.ts +2 -0
- package/icons/Shuffle.js +10 -0
- package/icons/SignIn.d.ts +2 -0
- package/icons/SignIn.js +11 -0
- package/icons/SignOut.d.ts +2 -0
- package/icons/SignOut.js +11 -0
- package/icons/SkipNext.d.ts +2 -0
- package/icons/SkipNext.js +10 -0
- package/icons/SkipPrevious.d.ts +2 -0
- package/icons/SkipPrevious.js +10 -0
- package/icons/Slack.d.ts +2 -0
- package/icons/Slack.js +10 -0
- package/icons/SliderHorizontal.d.ts +2 -0
- package/icons/SliderHorizontal.js +10 -0
- package/icons/SliderVertical.d.ts +2 -0
- package/icons/SliderVertical.js +10 -0
- package/icons/Speaker.d.ts +2 -0
- package/icons/Speaker.js +10 -0
- package/icons/Star.d.ts +2 -0
- package/icons/Star.js +10 -0
- package/icons/Stop.d.ts +2 -0
- package/icons/Stop.js +10 -0
- package/icons/SubArrowLeft.d.ts +2 -0
- package/icons/SubArrowLeft.js +10 -0
- package/icons/SubArrowRight.d.ts +2 -0
- package/icons/SubArrowRight.js +10 -0
- package/icons/Sun.d.ts +2 -0
- package/icons/Sun.js +11 -0
- package/icons/Support.d.ts +2 -0
- package/icons/Support.js +13 -0
- package/icons/Sync.d.ts +2 -0
- package/icons/Sync.js +11 -0
- package/icons/Tablet.d.ts +2 -0
- package/icons/Tablet.js +11 -0
- package/icons/Tag.d.ts +2 -0
- package/icons/Tag.js +11 -0
- package/icons/Tick.d.ts +2 -0
- package/icons/Tick.js +10 -0
- package/icons/Transfer.d.ts +2 -0
- package/icons/Transfer.js +10 -0
- package/icons/TrendDown.d.ts +2 -0
- package/icons/TrendDown.js +10 -0
- package/icons/TrendUp.d.ts +2 -0
- package/icons/TrendUp.js +10 -0
- package/icons/Tv.d.ts +2 -0
- package/icons/Tv.js +10 -0
- package/icons/Twitter1.d.ts +2 -0
- package/icons/Twitter1.js +10 -0
- package/icons/Twitter2.d.ts +2 -0
- package/icons/Twitter2.js +10 -0
- package/icons/Undo.d.ts +2 -0
- package/icons/Undo.js +10 -0
- package/icons/Unlink.d.ts +2 -0
- package/icons/Unlink.js +10 -0
- package/icons/Unlock.d.ts +2 -0
- package/icons/Unlock.js +10 -0
- package/icons/Upload.d.ts +2 -0
- package/icons/Upload.js +11 -0
- package/icons/UsbStick.d.ts +2 -0
- package/icons/UsbStick.js +12 -0
- package/icons/Video.d.ts +2 -0
- package/icons/Video.js +10 -0
- package/icons/VideoDisabled.d.ts +2 -0
- package/icons/VideoDisabled.js +12 -0
- package/icons/VolumeOff.d.ts +2 -0
- package/icons/VolumeOff.js +13 -0
- package/icons/VolumeOn.d.ts +2 -0
- package/icons/VolumeOn.js +10 -0
- package/icons/Wallet.d.ts +2 -0
- package/icons/Wallet.js +10 -0
- package/icons/Width.d.ts +2 -0
- package/icons/Width.js +11 -0
- package/icons/Youtube.d.ts +2 -0
- package/icons/Youtube.js +10 -0
- package/icons/helpers/createSvgIcon.d.ts +3 -0
- package/icons/helpers/createSvgIcon.js +16 -0
- package/icons/svg-icon/SvgIcon.d.ts +14 -0
- package/icons/svg-icon/SvgIcon.js +22 -0
- package/package.json +60 -0
@@ -0,0 +1,57 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
+
if (k2 === undefined) k2 = k;
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
5
|
+
}) : (function(o, m, k, k2) {
|
6
|
+
if (k2 === undefined) k2 = k;
|
7
|
+
o[k2] = m[k];
|
8
|
+
}));
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
11
|
+
}) : function(o, v) {
|
12
|
+
o["default"] = v;
|
13
|
+
});
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
15
|
+
if (mod && mod.__esModule) return mod;
|
16
|
+
var result = {};
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
18
|
+
__setModuleDefault(result, mod);
|
19
|
+
return result;
|
20
|
+
};
|
21
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
22
|
+
exports.RadioGroup = void 0;
|
23
|
+
const react_1 = __importStar(require("react"));
|
24
|
+
const generateUEID_1 = require("../../utils/generateUEID");
|
25
|
+
const Radio_1 = require("./Radio");
|
26
|
+
exports.RadioGroup = props => {
|
27
|
+
const { name, onChange = () => { }, defaultValue = '', value, children } = props;
|
28
|
+
const [groupName, setGroupName] = react_1.useState('');
|
29
|
+
react_1.useEffect(() => {
|
30
|
+
setGroupName(!name ? `radio-group-name-${generateUEID_1.generateUEID()}` : name);
|
31
|
+
}, [name]);
|
32
|
+
const isControlled = value !== undefined;
|
33
|
+
let [currentValue, setCurrentValue] = react_1.useState(defaultValue);
|
34
|
+
currentValue = isControlled ? value : currentValue;
|
35
|
+
const handleChange = (event) => {
|
36
|
+
const targetValue = event.target.value;
|
37
|
+
if (isControlled) {
|
38
|
+
onChange(targetValue);
|
39
|
+
}
|
40
|
+
else {
|
41
|
+
setCurrentValue(targetValue);
|
42
|
+
onChange(targetValue);
|
43
|
+
}
|
44
|
+
};
|
45
|
+
const radioElements = react_1.default.Children.map(children, child => {
|
46
|
+
if (Radio_1.isRadioElement(child)) {
|
47
|
+
const { value: childValue } = child.props;
|
48
|
+
return react_1.cloneElement(child, {
|
49
|
+
name: groupName,
|
50
|
+
onChange: handleChange,
|
51
|
+
checked: childValue === currentValue,
|
52
|
+
});
|
53
|
+
}
|
54
|
+
return child;
|
55
|
+
});
|
56
|
+
return react_1.default.createElement("div", null, radioElements);
|
57
|
+
};
|
@@ -0,0 +1,69 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { IntentType } from '../../commons/types';
|
3
|
+
export interface RangeSliderProps {
|
4
|
+
/**
|
5
|
+
* The initial value for an uncontrolled RangeSlider.
|
6
|
+
*/
|
7
|
+
defaultValue?: [number, number];
|
8
|
+
/**
|
9
|
+
* The value for controlled RangeSlider.
|
10
|
+
*/
|
11
|
+
value?: [number, number];
|
12
|
+
/**
|
13
|
+
* The maximum allowed value of the RangeSlider. Should be bigger than min.
|
14
|
+
*/
|
15
|
+
max?: number;
|
16
|
+
/**
|
17
|
+
* The minimum allowed value of the RangeSlider. Should be less than max.
|
18
|
+
*/
|
19
|
+
min?: number;
|
20
|
+
/**
|
21
|
+
* The granularity with which the RangeSlider can step through values.
|
22
|
+
*/
|
23
|
+
step?: number;
|
24
|
+
/**
|
25
|
+
* Whether this RangeSlider is disabled from user interaction.
|
26
|
+
*/
|
27
|
+
disabled?: boolean;
|
28
|
+
/**
|
29
|
+
* Visual intent colour, this will apply on the background of RangeSlider's track.
|
30
|
+
*/
|
31
|
+
intent?: IntentType;
|
32
|
+
/**
|
33
|
+
* The format function that customizes the rendering of marks.
|
34
|
+
*/
|
35
|
+
markValueRender?: (value: number) => React.ReactNode;
|
36
|
+
/**
|
37
|
+
* Marks indicate values which the label can render below RangeSlider.
|
38
|
+
*/
|
39
|
+
marks?: number[];
|
40
|
+
/**
|
41
|
+
* The format function that customizes the rendering of value-label.
|
42
|
+
*/
|
43
|
+
isAlwaysShowLabel?: boolean;
|
44
|
+
/**
|
45
|
+
* Customized render function for value label popover.
|
46
|
+
*/
|
47
|
+
labelValueRender?: (value: number) => React.ReactNode;
|
48
|
+
/**
|
49
|
+
* A callback function that is fired when the RangeSlider's value changed.
|
50
|
+
*/
|
51
|
+
onChange?: (value: [number, number]) => void;
|
52
|
+
/**
|
53
|
+
* A callback function that is fired when the mouse-up is triggered.
|
54
|
+
*/
|
55
|
+
onChangeDone?: (value: [number, number]) => void;
|
56
|
+
/**
|
57
|
+
* A space-delimited list of class names to pass along to a RangeSlider wrapper element.
|
58
|
+
*/
|
59
|
+
className?: string;
|
60
|
+
/**
|
61
|
+
* Id of the hidden input form control in RangeSlider.
|
62
|
+
*/
|
63
|
+
id?: string;
|
64
|
+
/**
|
65
|
+
* Name of the hidden input form control in RangeSlider.
|
66
|
+
*/
|
67
|
+
name?: string;
|
68
|
+
}
|
69
|
+
export declare const RangeSlider: React.FC<RangeSliderProps>;
|
@@ -0,0 +1,191 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
+
if (k2 === undefined) k2 = k;
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
5
|
+
}) : (function(o, m, k, k2) {
|
6
|
+
if (k2 === undefined) k2 = k;
|
7
|
+
o[k2] = m[k];
|
8
|
+
}));
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
11
|
+
}) : function(o, v) {
|
12
|
+
o["default"] = v;
|
13
|
+
});
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
15
|
+
if (mod && mod.__esModule) return mod;
|
16
|
+
var result = {};
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
18
|
+
__setModuleDefault(result, mod);
|
19
|
+
return result;
|
20
|
+
};
|
21
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
22
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
23
|
+
};
|
24
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
25
|
+
exports.RangeSlider = void 0;
|
26
|
+
const classnames_1 = __importDefault(require("classnames"));
|
27
|
+
const react_1 = __importStar(require("react"));
|
28
|
+
const intent_1 = require("../../utils/intent");
|
29
|
+
const helpers_1 = require("./partials/helpers");
|
30
|
+
const SliderMark_1 = require("./partials/SliderMark");
|
31
|
+
const SliderThumbLabel_1 = require("./partials/SliderThumbLabel");
|
32
|
+
const useOwnerDocument_1 = require("./partials/useOwnerDocument");
|
33
|
+
const useWidthHeight_1 = require("./partials/useWidthHeight");
|
34
|
+
exports.RangeSlider = props => {
|
35
|
+
// props
|
36
|
+
const { defaultValue, value, max = 100, min = 0, step = 1, disabled = false, intent, isAlwaysShowLabel = false, labelValueRender, marks = [], markValueRender, onChangeDone, onChange, className, id, name, } = props;
|
37
|
+
const isControlled = value !== undefined;
|
38
|
+
// state
|
39
|
+
const [isActive, setIsActive] = react_1.useState(false);
|
40
|
+
let [currentValue, setCurrentValue] = react_1.useState(defaultValue ? defaultValue : [min, min]);
|
41
|
+
if (isControlled && value !== undefined) {
|
42
|
+
// controlled component
|
43
|
+
currentValue = value;
|
44
|
+
}
|
45
|
+
// ref
|
46
|
+
const railRef = react_1.useRef(null);
|
47
|
+
const startPosition = react_1.useRef(0);
|
48
|
+
const chossenThumb = react_1.useRef();
|
49
|
+
// calc value for render
|
50
|
+
const { width: railWidth } = useWidthHeight_1.useWidthHeight(railRef);
|
51
|
+
const { document: ownerDocument } = useOwnerDocument_1.useOwnerDocument(railRef);
|
52
|
+
const percent = [
|
53
|
+
helpers_1.calcPercentFromValue(currentValue[0], min, max),
|
54
|
+
helpers_1.calcPercentFromValue(currentValue[1], min, max),
|
55
|
+
];
|
56
|
+
const percentStyle = {
|
57
|
+
thumbStyle: [
|
58
|
+
{
|
59
|
+
left: `${percent[0]}%`,
|
60
|
+
},
|
61
|
+
{
|
62
|
+
left: `${percent[1]}%`,
|
63
|
+
},
|
64
|
+
],
|
65
|
+
pathStyle: {
|
66
|
+
left: `${percent[0]}%`,
|
67
|
+
width: `${percent[1] - percent[0]}%`,
|
68
|
+
},
|
69
|
+
};
|
70
|
+
const validatePairValue = (pairValue) => {
|
71
|
+
let validatedPairValue;
|
72
|
+
if (pairValue[0] > pairValue[1]) {
|
73
|
+
validatedPairValue = [
|
74
|
+
helpers_1.roundValueToStep(pairValue[1], step),
|
75
|
+
helpers_1.roundValueToStep(pairValue[0], step),
|
76
|
+
];
|
77
|
+
}
|
78
|
+
else {
|
79
|
+
validatedPairValue = [
|
80
|
+
helpers_1.roundValueToStep(pairValue[0], step),
|
81
|
+
helpers_1.roundValueToStep(pairValue[1], step),
|
82
|
+
];
|
83
|
+
}
|
84
|
+
return validatedPairValue;
|
85
|
+
};
|
86
|
+
// handler
|
87
|
+
const handleChangeValue = (newPairValue) => {
|
88
|
+
const validatedPairValue = validatePairValue(newPairValue);
|
89
|
+
if (!isControlled) {
|
90
|
+
setCurrentValue(validatedPairValue);
|
91
|
+
}
|
92
|
+
!!onChange && onChange(validatedPairValue);
|
93
|
+
};
|
94
|
+
const handleChangeValueDone = (newPairValue) => {
|
95
|
+
const validatedPairValue = validatePairValue(newPairValue);
|
96
|
+
if (!isControlled) {
|
97
|
+
setCurrentValue(validatedPairValue);
|
98
|
+
}
|
99
|
+
!!onChangeDone && onChangeDone(validatedPairValue);
|
100
|
+
chossenThumb.current = undefined;
|
101
|
+
};
|
102
|
+
const removeDocumentMouseEventListeners = () => {
|
103
|
+
ownerDocument.removeEventListener('mousemove', handleMouseMove);
|
104
|
+
ownerDocument.removeEventListener('mouseup', handleMouseUp);
|
105
|
+
};
|
106
|
+
const addDocumentMouseEventListeners = () => {
|
107
|
+
ownerDocument.addEventListener('mousemove', handleMouseMove);
|
108
|
+
ownerDocument.addEventListener('mouseup', handleMouseUp);
|
109
|
+
};
|
110
|
+
const handleMouseMove = (event) => {
|
111
|
+
event.preventDefault();
|
112
|
+
const newPercent = helpers_1.calcPercentFromWidth(event.clientX, startPosition.current, railWidth);
|
113
|
+
const newValue = helpers_1.calcValueFromPercent(newPercent, min, max);
|
114
|
+
const newPairValue = [...currentValue];
|
115
|
+
if (chossenThumb.current !== undefined) {
|
116
|
+
newPairValue[chossenThumb.current] = newValue;
|
117
|
+
}
|
118
|
+
handleChangeValue(newPairValue);
|
119
|
+
};
|
120
|
+
const handleMouseUp = (event) => {
|
121
|
+
setIsActive(false);
|
122
|
+
const newPercent = helpers_1.calcPercentFromWidth(event.clientX, startPosition.current, railWidth);
|
123
|
+
const newValue = helpers_1.calcValueFromPercent(newPercent, min, max);
|
124
|
+
const newPairValue = [...currentValue];
|
125
|
+
if (chossenThumb.current !== undefined) {
|
126
|
+
newPairValue[chossenThumb.current] = newValue;
|
127
|
+
}
|
128
|
+
handleChangeValueDone(newPairValue);
|
129
|
+
removeDocumentMouseEventListeners();
|
130
|
+
};
|
131
|
+
const handleRailMouseDown = (event) => {
|
132
|
+
event.preventDefault();
|
133
|
+
if (disabled) {
|
134
|
+
return;
|
135
|
+
}
|
136
|
+
setIsActive(true);
|
137
|
+
// WHAT: Save start X position of Slider's rail
|
138
|
+
// WHY: when handle onMouseMove event of document, we just have offsetX or clientX of pointer from document view
|
139
|
+
// WHY: so we save this value for calc offsetX of pointer from Slider view
|
140
|
+
startPosition.current = event.clientX - event.nativeEvent.offsetX;
|
141
|
+
const newPercent = helpers_1.calcPercentFromWidth(event.clientX, startPosition.current, railWidth);
|
142
|
+
const newValue = helpers_1.calcValueFromPercent(newPercent, min, max);
|
143
|
+
let newPairValue;
|
144
|
+
if (Math.abs(newValue - currentValue[0]) < Math.abs(newValue - currentValue[1])) {
|
145
|
+
newPairValue = [newValue, currentValue[1]];
|
146
|
+
chossenThumb.current = 0;
|
147
|
+
}
|
148
|
+
else {
|
149
|
+
newPairValue = [currentValue[0], newValue];
|
150
|
+
chossenThumb.current = 1;
|
151
|
+
}
|
152
|
+
handleChangeValue(newPairValue);
|
153
|
+
removeDocumentMouseEventListeners();
|
154
|
+
addDocumentMouseEventListeners();
|
155
|
+
};
|
156
|
+
const handleThumbMouseDown = (event, ordinal) => {
|
157
|
+
event.preventDefault();
|
158
|
+
if (disabled) {
|
159
|
+
return;
|
160
|
+
}
|
161
|
+
setIsActive(true);
|
162
|
+
chossenThumb.current = ordinal;
|
163
|
+
// WHAT: Save start X position of Slider's rail
|
164
|
+
// WHY: change formula here because
|
165
|
+
// WHY: thumb is big => many point to click => offset is wrong => currentValue still right when we grab thumb => use currentValue
|
166
|
+
const exactOffset = (helpers_1.calcPercentFromValue(currentValue[ordinal], min, max) / 100) * railWidth;
|
167
|
+
startPosition.current = event.clientX - exactOffset;
|
168
|
+
// WHY: do not update value because users just grab thump => value don't change
|
169
|
+
removeDocumentMouseEventListeners();
|
170
|
+
addDocumentMouseEventListeners();
|
171
|
+
};
|
172
|
+
return (react_1.default.createElement("span", { className: classnames_1.default('ds-slider', intent_1.getIntentClassname(intent), {
|
173
|
+
disabled,
|
174
|
+
}, className) },
|
175
|
+
react_1.default.createElement("input", { className: "ds-slider-input", type: "hidden", id: `${id}-first`, name: `${name}-second`, value: currentValue[0], disabled: disabled }),
|
176
|
+
react_1.default.createElement("input", { className: "ds-slider-input", type: "hidden", id: `${id}-first`, name: `${name}-second`, value: currentValue[1], disabled: disabled }),
|
177
|
+
react_1.default.createElement("span", { className: "ds-slider-mask" },
|
178
|
+
react_1.default.createElement("span", { className: "ds-slider-rail", ref: railRef, onMouseDown: handleRailMouseDown }),
|
179
|
+
react_1.default.createElement("span", { className: "ds-slider-path", style: percentStyle.pathStyle }),
|
180
|
+
react_1.default.createElement("span", { className: classnames_1.default('ds-slider-thumb', {
|
181
|
+
active: isActive && chossenThumb.current === 0,
|
182
|
+
}), style: percentStyle.thumbStyle[0], onMouseDown: e => handleThumbMouseDown(e, 0) }),
|
183
|
+
react_1.default.createElement("span", { className: classnames_1.default('ds-slider-thumb', {
|
184
|
+
active: isActive && chossenThumb.current === 1,
|
185
|
+
}), style: percentStyle.thumbStyle[1], onMouseDown: e => handleThumbMouseDown(e, 1) }),
|
186
|
+
marks.map(markValue => {
|
187
|
+
return (react_1.default.createElement(SliderMark_1.SliderMark, { key: markValue, value: markValue, percent: helpers_1.calcPercentFromValue(markValue, min, max), markValueRender: markValueRender }));
|
188
|
+
}),
|
189
|
+
react_1.default.createElement(SliderThumbLabel_1.SliderThumbLabel, { value: currentValue[0], percent: percent[0], isAlwaysShowLabel: isAlwaysShowLabel || isActive, labelValueRender: labelValueRender }),
|
190
|
+
react_1.default.createElement(SliderThumbLabel_1.SliderThumbLabel, { value: currentValue[1], percent: percent[1], isAlwaysShowLabel: isAlwaysShowLabel || isActive, labelValueRender: labelValueRender }))));
|
191
|
+
};
|
@@ -0,0 +1,69 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { IntentType } from '../../commons/types';
|
3
|
+
export interface SliderProps {
|
4
|
+
/**
|
5
|
+
* The initial value for an uncontrolled Slider.
|
6
|
+
*/
|
7
|
+
defaultValue?: number;
|
8
|
+
/**
|
9
|
+
* The value for controlled Slider.
|
10
|
+
*/
|
11
|
+
value?: number;
|
12
|
+
/**
|
13
|
+
* The maximum allowed value of the Slider. Should be bigger than min.
|
14
|
+
*/
|
15
|
+
max?: number;
|
16
|
+
/**
|
17
|
+
* The minimum allowed value of the Slider. Should be less than max.
|
18
|
+
*/
|
19
|
+
min?: number;
|
20
|
+
/**
|
21
|
+
* The granularity with which the Slider can step through values.
|
22
|
+
*/
|
23
|
+
step?: number;
|
24
|
+
/**
|
25
|
+
* Whether this Slider is disabled from user interaction.
|
26
|
+
*/
|
27
|
+
disabled?: boolean;
|
28
|
+
/**
|
29
|
+
* Visual intent colour, this will apply on the background of Slider's track.
|
30
|
+
*/
|
31
|
+
intent?: IntentType;
|
32
|
+
/**
|
33
|
+
* The format function that customizes the rendering of marks.
|
34
|
+
*/
|
35
|
+
markValueRender?: (value: number) => React.ReactNode;
|
36
|
+
/**
|
37
|
+
* Marks indicate values which the label can render below Slider.
|
38
|
+
*/
|
39
|
+
marks?: number[];
|
40
|
+
/**
|
41
|
+
* Controls should the value-label is always displayed.
|
42
|
+
*/
|
43
|
+
isAlwaysShowLabel?: boolean;
|
44
|
+
/**
|
45
|
+
* The format function that customizes the rendering of value-label.
|
46
|
+
*/
|
47
|
+
labelValueRender?: (value: number) => React.ReactNode;
|
48
|
+
/**
|
49
|
+
* Callback function that is fired when the Slider's value changed.
|
50
|
+
*/
|
51
|
+
onChange?: (value: number) => void;
|
52
|
+
/**
|
53
|
+
* A callback function that is fired when the Slider's value changed.
|
54
|
+
*/
|
55
|
+
onChangeDone?: (value: number) => void;
|
56
|
+
/**
|
57
|
+
* A space-delimited list of class names to pass along to a Slider wrapper element.
|
58
|
+
*/
|
59
|
+
className?: string;
|
60
|
+
/**
|
61
|
+
* Id of the hidden input form control in Slider.
|
62
|
+
*/
|
63
|
+
id?: string;
|
64
|
+
/**
|
65
|
+
* Name of the hidden input form control in the Slider.
|
66
|
+
*/
|
67
|
+
name?: string;
|
68
|
+
}
|
69
|
+
export declare const Slider: React.FC<SliderProps>;
|
@@ -0,0 +1,134 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
+
if (k2 === undefined) k2 = k;
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
5
|
+
}) : (function(o, m, k, k2) {
|
6
|
+
if (k2 === undefined) k2 = k;
|
7
|
+
o[k2] = m[k];
|
8
|
+
}));
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
11
|
+
}) : function(o, v) {
|
12
|
+
o["default"] = v;
|
13
|
+
});
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
15
|
+
if (mod && mod.__esModule) return mod;
|
16
|
+
var result = {};
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
18
|
+
__setModuleDefault(result, mod);
|
19
|
+
return result;
|
20
|
+
};
|
21
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
22
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
23
|
+
};
|
24
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
25
|
+
exports.Slider = void 0;
|
26
|
+
const classnames_1 = __importDefault(require("classnames"));
|
27
|
+
const react_1 = __importStar(require("react"));
|
28
|
+
const intent_1 = require("../../utils/intent");
|
29
|
+
const helpers_1 = require("./partials/helpers");
|
30
|
+
const SliderMark_1 = require("./partials/SliderMark");
|
31
|
+
const SliderThumbLabel_1 = require("./partials/SliderThumbLabel");
|
32
|
+
const useOwnerDocument_1 = require("./partials/useOwnerDocument");
|
33
|
+
const useWidthHeight_1 = require("./partials/useWidthHeight");
|
34
|
+
exports.Slider = props => {
|
35
|
+
// props
|
36
|
+
const { defaultValue, value, max = 100, min = 0, step = 1, disabled = false, intent, isAlwaysShowLabel = false, labelValueRender, marks = [], markValueRender, onChangeDone, onChange, className, id, name, } = props;
|
37
|
+
const isControlled = value !== undefined;
|
38
|
+
// state
|
39
|
+
const [isActive, setIsActive] = react_1.useState(false);
|
40
|
+
let [currentValue, setCurrentValue] = react_1.useState(defaultValue !== undefined ? defaultValue : min);
|
41
|
+
if (isControlled && value !== undefined) {
|
42
|
+
// controlled component
|
43
|
+
currentValue = value;
|
44
|
+
}
|
45
|
+
// ref
|
46
|
+
const railRef = react_1.useRef(null);
|
47
|
+
const startPosition = react_1.useRef(0);
|
48
|
+
// calc value for render
|
49
|
+
const { width: railWidth } = useWidthHeight_1.useWidthHeight(railRef);
|
50
|
+
const { document: ownerDocument } = useOwnerDocument_1.useOwnerDocument(railRef);
|
51
|
+
const percent = helpers_1.calcPercentFromValue(currentValue, min, max);
|
52
|
+
const percentStyle = {
|
53
|
+
thumbStyle: {
|
54
|
+
left: `${percent}%`,
|
55
|
+
},
|
56
|
+
pathStyle: {
|
57
|
+
width: `${percent}%`,
|
58
|
+
},
|
59
|
+
};
|
60
|
+
// handler
|
61
|
+
const handleChangeValue = (newValue) => {
|
62
|
+
const roundedValueByStep = helpers_1.roundValueToStep(newValue, step);
|
63
|
+
if (!isControlled) {
|
64
|
+
setCurrentValue(roundedValueByStep);
|
65
|
+
}
|
66
|
+
!!onChange && onChange(roundedValueByStep);
|
67
|
+
};
|
68
|
+
const handleChangeValueDone = (newValue) => {
|
69
|
+
const roundedValueByStep = helpers_1.roundValueToStep(newValue, step);
|
70
|
+
if (!isControlled) {
|
71
|
+
setCurrentValue(roundedValueByStep);
|
72
|
+
}
|
73
|
+
!!onChangeDone && onChangeDone(roundedValueByStep);
|
74
|
+
};
|
75
|
+
const removeDocumentMouseEventListeners = () => {
|
76
|
+
ownerDocument.removeEventListener('mousemove', handleMouseMove);
|
77
|
+
ownerDocument.removeEventListener('mouseup', handleMouseUp);
|
78
|
+
};
|
79
|
+
const addDocumentMouseEventListeners = () => {
|
80
|
+
ownerDocument.addEventListener('mousemove', handleMouseMove);
|
81
|
+
ownerDocument.addEventListener('mouseup', handleMouseUp);
|
82
|
+
};
|
83
|
+
const handleMouseMove = (event) => {
|
84
|
+
event.preventDefault();
|
85
|
+
const newPercent = helpers_1.calcPercentFromWidth(event.clientX, startPosition.current, railWidth);
|
86
|
+
const newValue = helpers_1.calcValueFromPercent(newPercent, min, max);
|
87
|
+
handleChangeValue(newValue);
|
88
|
+
};
|
89
|
+
const handleMouseUp = (event) => {
|
90
|
+
setIsActive(false);
|
91
|
+
const newPercent = helpers_1.calcPercentFromWidth(event.clientX, startPosition.current, railWidth);
|
92
|
+
const newValue = helpers_1.calcValueFromPercent(newPercent, min, max);
|
93
|
+
handleChangeValueDone(newValue);
|
94
|
+
removeDocumentMouseEventListeners();
|
95
|
+
};
|
96
|
+
// WHEN: Handle event when users click on rail of slider
|
97
|
+
const handleRailMouseDown = (event) => {
|
98
|
+
event.preventDefault();
|
99
|
+
setIsActive(true);
|
100
|
+
// WHAT: Save start X position of Slider's rail
|
101
|
+
// WHY: when handle onMouseMove event of document, we just have offsetX or clientX of pointer from document view
|
102
|
+
// WHY: so we save this value for calc offsetX of pointer from Slider view
|
103
|
+
startPosition.current = event.clientX - event.nativeEvent.offsetX;
|
104
|
+
const newPercent = helpers_1.calcPercentFromWidth(event.clientX, startPosition.current, railWidth);
|
105
|
+
const newValue = helpers_1.calcValueFromPercent(newPercent, min, max);
|
106
|
+
handleChangeValue(newValue);
|
107
|
+
removeDocumentMouseEventListeners();
|
108
|
+
addDocumentMouseEventListeners();
|
109
|
+
};
|
110
|
+
const handleThumbMouseDown = (event) => {
|
111
|
+
event.preventDefault();
|
112
|
+
setIsActive(true);
|
113
|
+
// WHAT: Save start X position of Slider's rail
|
114
|
+
// WHY: change formula here because
|
115
|
+
// WHY: thumb is big => many point to click => offset is wrong => currentValue still right when we grab thumb => use currentValue
|
116
|
+
const exactOffset = (helpers_1.calcPercentFromValue(currentValue, min, max) / 100) * railWidth;
|
117
|
+
startPosition.current = event.clientX - exactOffset;
|
118
|
+
// WHY: do not update value because users just grab thump => value don't change
|
119
|
+
removeDocumentMouseEventListeners();
|
120
|
+
addDocumentMouseEventListeners();
|
121
|
+
};
|
122
|
+
return (react_1.default.createElement("span", { className: classnames_1.default('ds-slider', intent_1.getIntentClassname(intent), {
|
123
|
+
disabled,
|
124
|
+
}, className) },
|
125
|
+
react_1.default.createElement("input", { className: "ds-slider-input", type: "hidden", id: id, name: name, value: currentValue, disabled: disabled }),
|
126
|
+
react_1.default.createElement("span", { className: "ds-slider-mask" },
|
127
|
+
react_1.default.createElement("span", { className: "ds-slider-rail", ref: railRef, onMouseDown: !disabled ? handleRailMouseDown : undefined }),
|
128
|
+
react_1.default.createElement("span", { className: "ds-slider-path", style: percentStyle.pathStyle }),
|
129
|
+
react_1.default.createElement("span", { className: classnames_1.default('ds-slider-thumb', { active: isActive }), style: percentStyle.thumbStyle, onMouseDown: !disabled ? handleThumbMouseDown : undefined }),
|
130
|
+
marks.map(markValue => {
|
131
|
+
return (react_1.default.createElement(SliderMark_1.SliderMark, { key: markValue, value: markValue, percent: helpers_1.calcPercentFromValue(markValue, min, max), markValueRender: markValueRender }));
|
132
|
+
}),
|
133
|
+
react_1.default.createElement(SliderThumbLabel_1.SliderThumbLabel, { value: currentValue, percent: percent, isAlwaysShowLabel: isAlwaysShowLabel || isActive, labelValueRender: labelValueRender }))));
|
134
|
+
};
|
@@ -0,0 +1,15 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
+
};
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
+
exports.SliderMark = void 0;
|
7
|
+
const react_1 = __importDefault(require("react"));
|
8
|
+
exports.SliderMark = props => {
|
9
|
+
// props
|
10
|
+
const { value, percent, markValueRender } = props;
|
11
|
+
const leftStyle = {
|
12
|
+
left: `${percent}%`,
|
13
|
+
};
|
14
|
+
return (react_1.default.createElement("span", { className: "ds-slider-mark", style: leftStyle }, !!markValueRender ? markValueRender(value) : value));
|
15
|
+
};
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
export interface SliderThumbLabelProps {
|
3
|
+
value: number;
|
4
|
+
percent: number;
|
5
|
+
isAlwaysShowLabel?: boolean;
|
6
|
+
labelValueRender?: (value: number) => React.ReactNode;
|
7
|
+
}
|
8
|
+
export declare const SliderThumbLabel: React.FC<SliderThumbLabelProps>;
|
@@ -0,0 +1,18 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
+
};
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
+
exports.SliderThumbLabel = void 0;
|
7
|
+
const classnames_1 = __importDefault(require("classnames"));
|
8
|
+
const react_1 = __importDefault(require("react"));
|
9
|
+
exports.SliderThumbLabel = props => {
|
10
|
+
// props
|
11
|
+
const { value, percent, isAlwaysShowLabel, labelValueRender } = props;
|
12
|
+
const leftStyle = {
|
13
|
+
left: `${percent}%`,
|
14
|
+
};
|
15
|
+
return (react_1.default.createElement("span", { className: classnames_1.default('ds-slider-thumb-label', {
|
16
|
+
always: isAlwaysShowLabel,
|
17
|
+
}), style: leftStyle }, !!labelValueRender ? labelValueRender(value) : value));
|
18
|
+
};
|
@@ -0,0 +1,4 @@
|
|
1
|
+
export declare const calcPercentFromValue: (value: number, min: number, max: number) => number;
|
2
|
+
export declare const calcValueFromPercent: (percent: number, min: number, max: number) => number;
|
3
|
+
export declare const calcPercentFromWidth: (clientX: number, startPosition: number, sliderWidth: number) => number;
|
4
|
+
export declare const roundValueToStep: (value: number, step: number | number[]) => number;
|
@@ -0,0 +1,31 @@
|
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.roundValueToStep = exports.calcPercentFromWidth = exports.calcValueFromPercent = exports.calcPercentFromValue = void 0;
|
4
|
+
const clampPercent = (percent) => {
|
5
|
+
if (percent > 100) {
|
6
|
+
return 100;
|
7
|
+
}
|
8
|
+
if (percent < 0) {
|
9
|
+
return 0;
|
10
|
+
}
|
11
|
+
return percent;
|
12
|
+
};
|
13
|
+
exports.calcPercentFromValue = (value, min, max) => {
|
14
|
+
const percent = Math.abs(((value - min) / (max - min)) * 100);
|
15
|
+
return clampPercent(percent);
|
16
|
+
};
|
17
|
+
exports.calcValueFromPercent = (percent, min, max) => {
|
18
|
+
const validatedPercent = clampPercent(percent);
|
19
|
+
return ((max - min) * validatedPercent) / 100 + min;
|
20
|
+
};
|
21
|
+
// WHAT: function recive clientX of pointer, start positionX of slider, width of slider => percents
|
22
|
+
exports.calcPercentFromWidth = (clientX, startPosition, sliderWidth) => {
|
23
|
+
const percent = ((clientX - startPosition) / sliderWidth) * 100;
|
24
|
+
return clampPercent(percent);
|
25
|
+
};
|
26
|
+
exports.roundValueToStep = (value, step) => {
|
27
|
+
if (typeof step === 'number') {
|
28
|
+
return Math.round(value / step) * step;
|
29
|
+
}
|
30
|
+
return value;
|
31
|
+
};
|
@@ -0,0 +1,13 @@
|
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.useOwnerDocument = void 0;
|
4
|
+
const react_1 = require("react");
|
5
|
+
exports.useOwnerDocument = (componentRef) => {
|
6
|
+
const [document, setDocument] = react_1.useState(null);
|
7
|
+
react_1.useEffect(() => {
|
8
|
+
if (componentRef && componentRef.current) {
|
9
|
+
setDocument(componentRef.current.ownerDocument);
|
10
|
+
}
|
11
|
+
}, [componentRef]);
|
12
|
+
return { document };
|
13
|
+
};
|
@@ -0,0 +1,22 @@
|
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.useWidthHeight = void 0;
|
4
|
+
const react_1 = require("react");
|
5
|
+
exports.useWidthHeight = (componentRef) => {
|
6
|
+
const [width, setWidth] = react_1.useState(0);
|
7
|
+
const [height, setHeight] = react_1.useState(0);
|
8
|
+
react_1.useEffect(() => {
|
9
|
+
const handleResize = () => {
|
10
|
+
if (componentRef && componentRef.current) {
|
11
|
+
setWidth(componentRef.current.offsetWidth);
|
12
|
+
setHeight(componentRef.current.offsetHeight);
|
13
|
+
}
|
14
|
+
};
|
15
|
+
handleResize();
|
16
|
+
window.addEventListener('resize', handleResize);
|
17
|
+
return () => {
|
18
|
+
window.removeEventListener('resize', handleResize);
|
19
|
+
};
|
20
|
+
}, [componentRef]);
|
21
|
+
return { width, height };
|
22
|
+
};
|