@peculiar/react-components 0.0.2-alpha.26 → 0.0.2-alpha.260
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -5
- package/dist/cjs/Alert/alert.js +105 -0
- package/dist/cjs/Alert/alert.js.map +1 -0
- package/dist/cjs/Alert/index.js +6 -0
- package/dist/cjs/Alert/index.js.map +1 -0
- package/dist/cjs/Avatar/avatar.js +120 -0
- package/dist/cjs/Avatar/avatar.js.map +1 -0
- package/dist/cjs/Avatar/index.js +6 -0
- package/dist/cjs/Avatar/index.js.map +1 -0
- package/dist/cjs/Backdrop/backdrop.js +84 -0
- package/dist/cjs/Backdrop/backdrop.js.map +1 -0
- package/dist/cjs/Backdrop/index.js +6 -0
- package/dist/cjs/Backdrop/index.js.map +1 -0
- package/dist/cjs/Box/box.js +101 -0
- package/dist/cjs/Box/box.js.map +1 -0
- package/dist/cjs/{box → Box}/index.js +0 -0
- package/dist/cjs/Box/index.js.map +1 -0
- package/dist/cjs/Button/button.js +100 -0
- package/dist/cjs/Button/button.js.map +1 -0
- package/dist/cjs/{button → Button}/index.js +0 -0
- package/dist/cjs/Button/index.js.map +1 -0
- package/dist/cjs/ButtonBase/button_base.js +261 -0
- package/dist/cjs/ButtonBase/button_base.js.map +1 -0
- package/dist/cjs/ButtonBase/index.js +6 -0
- package/dist/cjs/ButtonBase/index.js.map +1 -0
- package/dist/cjs/Checkbox/checkbox.js +144 -0
- package/dist/cjs/Checkbox/checkbox.js.map +1 -0
- package/dist/cjs/Checkbox/index.js +6 -0
- package/dist/cjs/Checkbox/index.js.map +1 -0
- package/dist/cjs/Chip/chip.js +169 -0
- package/dist/cjs/Chip/chip.js.map +1 -0
- package/dist/cjs/Chip/index.js +6 -0
- package/dist/cjs/Chip/index.js.map +1 -0
- package/dist/cjs/CircularProgress/circular_progress.js +92 -0
- package/dist/cjs/CircularProgress/circular_progress.js.map +1 -0
- package/dist/cjs/CircularProgress/index.js +6 -0
- package/dist/cjs/CircularProgress/index.js.map +1 -0
- package/dist/cjs/Collapse/collapse.js +127 -0
- package/dist/cjs/Collapse/collapse.js.map +1 -0
- package/dist/cjs/Collapse/index.js +6 -0
- package/dist/cjs/Collapse/index.js.map +1 -0
- package/dist/cjs/ComboBox/combo_box.js +262 -0
- package/dist/cjs/ComboBox/combo_box.js.map +1 -0
- package/dist/cjs/ComboBox/index.js +6 -0
- package/dist/cjs/ComboBox/index.js.map +1 -0
- package/dist/cjs/Dialog/dialog.js +106 -0
- package/dist/cjs/Dialog/dialog.js.map +1 -0
- package/dist/cjs/Dialog/dialog_actions.js +52 -0
- package/dist/cjs/Dialog/dialog_actions.js.map +1 -0
- package/dist/cjs/Dialog/dialog_content.js +76 -0
- package/dist/cjs/Dialog/dialog_content.js.map +1 -0
- package/dist/cjs/Dialog/dialog_title.js +58 -0
- package/dist/cjs/Dialog/dialog_title.js.map +1 -0
- package/dist/cjs/Dialog/index.js +12 -0
- package/dist/cjs/Dialog/index.js.map +1 -0
- package/dist/cjs/Drawer/drawer.js +76 -0
- package/dist/cjs/Drawer/drawer.js.map +1 -0
- package/dist/cjs/Drawer/index.js +6 -0
- package/dist/cjs/Drawer/index.js.map +1 -0
- package/dist/cjs/Fab/fab.js +69 -0
- package/dist/cjs/Fab/fab.js.map +1 -0
- package/dist/cjs/Fab/index.js +6 -0
- package/dist/cjs/Fab/index.js.map +1 -0
- package/dist/cjs/Fade/fade.js +68 -0
- package/dist/cjs/Fade/fade.js.map +1 -0
- package/dist/cjs/Fade/index.js +6 -0
- package/dist/cjs/Fade/index.js.map +1 -0
- package/dist/cjs/FocusTrap/focus_trap.js +43 -0
- package/dist/cjs/FocusTrap/focus_trap.js.map +1 -0
- package/dist/cjs/FocusTrap/index.js +6 -0
- package/dist/cjs/FocusTrap/index.js.map +1 -0
- package/dist/cjs/{typography/typography.js → IconButton/icon_button.js} +22 -31
- package/dist/cjs/IconButton/icon_button.js.map +1 -0
- package/dist/cjs/IconButton/index.js +6 -0
- package/dist/cjs/IconButton/index.js.map +1 -0
- package/dist/cjs/Image/image.js +65 -0
- package/dist/cjs/Image/image.js.map +1 -0
- package/dist/cjs/Image/index.js +6 -0
- package/dist/cjs/Image/index.js.map +1 -0
- package/dist/cjs/LinearProgress/index.js +6 -0
- package/dist/cjs/LinearProgress/index.js.map +1 -0
- package/dist/cjs/LinearProgress/linear_progress.js +68 -0
- package/dist/cjs/LinearProgress/linear_progress.js.map +1 -0
- package/dist/cjs/Menu/index.js +6 -0
- package/dist/cjs/Menu/index.js.map +1 -0
- package/dist/cjs/Menu/menu.js +140 -0
- package/dist/cjs/Menu/menu.js.map +1 -0
- package/dist/cjs/Modal/index.js +6 -0
- package/dist/cjs/Modal/index.js.map +1 -0
- package/dist/cjs/Modal/modal.js +107 -0
- package/dist/cjs/Modal/modal.js.map +1 -0
- package/dist/cjs/Popover/index.js +6 -0
- package/dist/cjs/Popover/index.js.map +1 -0
- package/dist/cjs/Popover/popover.js +62 -0
- package/dist/cjs/Popover/popover.js.map +1 -0
- package/dist/cjs/Popper/index.js +6 -0
- package/dist/cjs/Popper/index.js.map +1 -0
- package/dist/cjs/Popper/popper.js +50 -0
- package/dist/cjs/Popper/popper.js.map +1 -0
- package/dist/cjs/Portal/index.js +6 -0
- package/dist/cjs/Portal/index.js.map +1 -0
- package/dist/cjs/Portal/portal.js +42 -0
- package/dist/cjs/Portal/portal.js.map +1 -0
- package/dist/cjs/Radio/index.js +6 -0
- package/dist/cjs/Radio/index.js.map +1 -0
- package/dist/cjs/Radio/radio.js +145 -0
- package/dist/cjs/Radio/radio.js.map +1 -0
- package/dist/cjs/Select/index.js +6 -0
- package/dist/cjs/Select/index.js.map +1 -0
- package/dist/cjs/Select/select.js +162 -0
- package/dist/cjs/Select/select.js.map +1 -0
- package/dist/cjs/SelectPicker/index.js +6 -0
- package/dist/cjs/SelectPicker/index.js.map +1 -0
- package/dist/cjs/SelectPicker/select_picker.js +445 -0
- package/dist/cjs/SelectPicker/select_picker.js.map +1 -0
- package/dist/cjs/Slide/index.js +6 -0
- package/dist/cjs/Slide/index.js.map +1 -0
- package/dist/cjs/Slide/slide.js +84 -0
- package/dist/cjs/Slide/slide.js.map +1 -0
- package/dist/cjs/Slider/index.js +6 -0
- package/dist/cjs/Slider/index.js.map +1 -0
- package/dist/cjs/Slider/slider.js +122 -0
- package/dist/cjs/Slider/slider.js.map +1 -0
- package/dist/cjs/Tabs/index.js +8 -0
- package/dist/cjs/Tabs/index.js.map +1 -0
- package/dist/cjs/Tabs/tab.js +121 -0
- package/dist/cjs/Tabs/tab.js.map +1 -0
- package/dist/cjs/Tabs/tabs.js +76 -0
- package/dist/cjs/Tabs/tabs.js.map +1 -0
- package/dist/cjs/TextField/index.js +6 -0
- package/dist/cjs/TextField/index.js.map +1 -0
- package/dist/cjs/TextField/text_field.js +139 -0
- package/dist/cjs/TextField/text_field.js.map +1 -0
- package/dist/cjs/TextareaField/index.js +6 -0
- package/dist/cjs/TextareaField/index.js.map +1 -0
- package/dist/cjs/TextareaField/textarea_field.js +140 -0
- package/dist/cjs/TextareaField/textarea_field.js.map +1 -0
- package/dist/cjs/Toast/index.js +8 -0
- package/dist/cjs/Toast/index.js.map +1 -0
- package/dist/cjs/Toast/toast.js +59 -0
- package/dist/cjs/Toast/toast.js.map +1 -0
- package/dist/cjs/{box/box.js → Toast/toast_container.js} +25 -15
- package/dist/cjs/Toast/toast_container.js.map +1 -0
- package/dist/cjs/Toast/toast_context.js +33 -0
- package/dist/cjs/Toast/toast_context.js.map +1 -0
- package/dist/cjs/Toast/toast_provider.js +113 -0
- package/dist/cjs/Toast/toast_provider.js.map +1 -0
- package/dist/cjs/Toast/use_toast.js +27 -0
- package/dist/cjs/Toast/use_toast.js.map +1 -0
- package/dist/cjs/Tooltip/index.js +6 -0
- package/dist/cjs/Tooltip/index.js.map +1 -0
- package/dist/cjs/Tooltip/tooltip.js +146 -0
- package/dist/cjs/Tooltip/tooltip.js.map +1 -0
- package/dist/cjs/{typography → Typography}/index.js +0 -0
- package/dist/cjs/Typography/index.js.map +1 -0
- package/dist/cjs/Typography/typography.js +97 -0
- package/dist/cjs/Typography/typography.js.map +1 -0
- package/dist/cjs/hooks/index.js +18 -0
- package/dist/cjs/hooks/index.js.map +1 -0
- package/dist/cjs/hooks/use_clipboard.js +57 -0
- package/dist/cjs/hooks/use_clipboard.js.map +1 -0
- package/dist/cjs/hooks/use_controllable.js +36 -0
- package/dist/cjs/hooks/use_controllable.js.map +1 -0
- package/dist/cjs/hooks/use_id.js +15 -0
- package/dist/cjs/hooks/use_id.js.map +1 -0
- package/dist/cjs/hooks/use_image.js +38 -0
- package/dist/cjs/hooks/use_image.js.map +1 -0
- package/dist/cjs/hooks/use_media_query.js +30 -0
- package/dist/cjs/hooks/use_media_query.js.map +1 -0
- package/dist/cjs/hooks/use_merged_ref.js +24 -0
- package/dist/cjs/hooks/use_merged_ref.js.map +1 -0
- package/dist/cjs/hooks/use_window_event_listener.js +22 -0
- package/dist/cjs/hooks/use_window_event_listener.js.map +1 -0
- package/dist/cjs/icons/arrow_drop_down_icon.js +22 -0
- package/dist/cjs/icons/arrow_drop_down_icon.js.map +1 -0
- package/dist/cjs/icons/check_circle_icon.js +23 -0
- package/dist/cjs/icons/check_circle_icon.js.map +1 -0
- package/dist/cjs/icons/check_icon.js +22 -0
- package/dist/cjs/icons/check_icon.js.map +1 -0
- package/dist/cjs/icons/close_circle_icon.js +23 -0
- package/dist/cjs/icons/close_circle_icon.js.map +1 -0
- package/dist/cjs/icons/close_icon.js +22 -0
- package/dist/cjs/icons/close_icon.js.map +1 -0
- package/dist/cjs/icons/close_small_icon.js +22 -0
- package/dist/cjs/icons/close_small_icon.js.map +1 -0
- package/dist/cjs/icons/dot_icon.js +22 -0
- package/dist/cjs/icons/dot_icon.js.map +1 -0
- package/dist/cjs/icons/index.js +22 -0
- package/dist/cjs/icons/index.js.map +1 -0
- package/dist/cjs/icons/plus_icon.js +22 -0
- package/dist/cjs/icons/plus_icon.js.map +1 -0
- package/dist/cjs/icons/warning_icon.js +24 -0
- package/dist/cjs/icons/warning_icon.js.map +1 -0
- package/dist/cjs/index.js +31 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/styles/colors/additional.js +10 -0
- package/dist/cjs/styles/colors/additional.js.map +1 -0
- package/dist/cjs/styles/colors/grayscale.js +18 -0
- package/dist/cjs/styles/colors/grayscale.js.map +1 -0
- package/dist/cjs/styles/colors/index.js +17 -0
- package/dist/cjs/styles/colors/index.js.map +1 -0
- package/dist/cjs/styles/colors/primary.js +24 -0
- package/dist/cjs/styles/colors/primary.js.map +1 -0
- package/dist/cjs/styles/colors/secondary.js +24 -0
- package/dist/cjs/styles/colors/secondary.js.map +1 -0
- package/dist/cjs/styles/colors/wrong.js +24 -0
- package/dist/cjs/styles/colors/wrong.js.map +1 -0
- package/dist/cjs/styles/css.js +1 -0
- package/dist/cjs/styles/css.js.map +1 -1
- package/dist/cjs/styles/default_theme.js +150 -110
- package/dist/cjs/styles/default_theme.js.map +1 -1
- package/dist/cjs/styles/index.js +5 -1
- package/dist/cjs/styles/index.js.map +1 -1
- package/dist/cjs/styles/sizes/base.js +26 -0
- package/dist/cjs/styles/sizes/base.js.map +1 -0
- package/dist/cjs/styles/sizes/index.js +7 -0
- package/dist/cjs/styles/sizes/index.js.map +1 -0
- package/dist/cjs/styles/theme_provider.js +32 -6
- package/dist/cjs/styles/theme_provider.js.map +1 -1
- package/dist/cjs/styles/utils.js +54 -0
- package/dist/cjs/styles/utils.js.map +1 -0
- package/dist/cjs/test-utils.js +22 -0
- package/dist/cjs/test-utils.js.map +1 -0
- package/dist/cjs/utils/index.js +6 -0
- package/dist/cjs/utils/index.js.map +1 -0
- package/dist/cjs/utils/owner_document.js +8 -0
- package/dist/cjs/utils/owner_document.js.map +1 -0
- package/dist/cjs/utils/use_enhanced_effect.js +6 -0
- package/dist/cjs/utils/use_enhanced_effect.js.map +1 -0
- package/dist/esm/Alert/alert.js +83 -0
- package/dist/esm/Alert/alert.js.map +1 -0
- package/dist/esm/Alert/index.js +2 -0
- package/dist/esm/Alert/index.js.map +1 -0
- package/dist/esm/Avatar/avatar.js +98 -0
- package/dist/esm/Avatar/avatar.js.map +1 -0
- package/dist/esm/Avatar/index.js +2 -0
- package/dist/esm/Avatar/index.js.map +1 -0
- package/dist/esm/Backdrop/backdrop.js +62 -0
- package/dist/esm/Backdrop/backdrop.js.map +1 -0
- package/dist/esm/Backdrop/index.js +2 -0
- package/dist/esm/Backdrop/index.js.map +1 -0
- package/dist/esm/Box/box.js +79 -0
- package/dist/esm/Box/box.js.map +1 -0
- package/dist/esm/{box → Box}/index.js +0 -0
- package/dist/esm/Box/index.js.map +1 -0
- package/dist/esm/Button/button.js +78 -0
- package/dist/esm/Button/button.js.map +1 -0
- package/dist/esm/{button → Button}/index.js +0 -0
- package/dist/esm/Button/index.js.map +1 -0
- package/dist/esm/ButtonBase/button_base.js +239 -0
- package/dist/esm/ButtonBase/button_base.js.map +1 -0
- package/dist/esm/ButtonBase/index.js +2 -0
- package/dist/esm/ButtonBase/index.js.map +1 -0
- package/dist/esm/Checkbox/checkbox.js +122 -0
- package/dist/esm/Checkbox/checkbox.js.map +1 -0
- package/dist/esm/Checkbox/index.js +2 -0
- package/dist/esm/Checkbox/index.js.map +1 -0
- package/dist/esm/Chip/chip.js +147 -0
- package/dist/esm/Chip/chip.js.map +1 -0
- package/dist/esm/Chip/index.js +2 -0
- package/dist/esm/Chip/index.js.map +1 -0
- package/dist/esm/CircularProgress/circular_progress.js +86 -0
- package/dist/esm/CircularProgress/circular_progress.js.map +1 -0
- package/dist/esm/CircularProgress/index.js +2 -0
- package/dist/esm/CircularProgress/index.js.map +1 -0
- package/dist/esm/Collapse/collapse.js +104 -0
- package/dist/esm/Collapse/collapse.js.map +1 -0
- package/dist/esm/Collapse/index.js +2 -0
- package/dist/esm/Collapse/index.js.map +1 -0
- package/dist/esm/ComboBox/combo_box.js +240 -0
- package/dist/esm/ComboBox/combo_box.js.map +1 -0
- package/dist/esm/ComboBox/index.js +2 -0
- package/dist/esm/ComboBox/index.js.map +1 -0
- package/dist/esm/Dialog/dialog.js +100 -0
- package/dist/esm/Dialog/dialog.js.map +1 -0
- package/dist/esm/Dialog/dialog_actions.js +46 -0
- package/dist/esm/Dialog/dialog_actions.js.map +1 -0
- package/dist/esm/Dialog/dialog_content.js +70 -0
- package/dist/esm/Dialog/dialog_content.js.map +1 -0
- package/dist/esm/Dialog/dialog_title.js +52 -0
- package/dist/esm/Dialog/dialog_title.js.map +1 -0
- package/dist/esm/Dialog/index.js +5 -0
- package/dist/esm/Dialog/index.js.map +1 -0
- package/dist/esm/Drawer/drawer.js +54 -0
- package/dist/esm/Drawer/drawer.js.map +1 -0
- package/dist/esm/Drawer/index.js +2 -0
- package/dist/esm/Drawer/index.js.map +1 -0
- package/dist/esm/Fab/fab.js +47 -0
- package/dist/esm/Fab/fab.js.map +1 -0
- package/dist/esm/Fab/index.js +2 -0
- package/dist/esm/Fab/index.js.map +1 -0
- package/dist/esm/Fade/fade.js +46 -0
- package/dist/esm/Fade/fade.js.map +1 -0
- package/dist/esm/Fade/index.js +2 -0
- package/dist/esm/Fade/index.js.map +1 -0
- package/dist/esm/FocusTrap/focus_trap.js +36 -0
- package/dist/esm/FocusTrap/focus_trap.js.map +1 -0
- package/dist/esm/FocusTrap/index.js +2 -0
- package/dist/esm/FocusTrap/index.js.map +1 -0
- package/dist/esm/IconButton/icon_button.js +48 -0
- package/dist/esm/IconButton/icon_button.js.map +1 -0
- package/dist/esm/IconButton/index.js +2 -0
- package/dist/esm/IconButton/index.js.map +1 -0
- package/dist/esm/Image/image.js +43 -0
- package/dist/esm/Image/image.js.map +1 -0
- package/dist/esm/Image/index.js +2 -0
- package/dist/esm/Image/index.js.map +1 -0
- package/dist/esm/LinearProgress/index.js +2 -0
- package/dist/esm/LinearProgress/index.js.map +1 -0
- package/dist/esm/LinearProgress/linear_progress.js +62 -0
- package/dist/esm/LinearProgress/linear_progress.js.map +1 -0
- package/dist/esm/Menu/index.js +2 -0
- package/dist/esm/Menu/index.js.map +1 -0
- package/dist/esm/Menu/menu.js +134 -0
- package/dist/esm/Menu/menu.js.map +1 -0
- package/dist/esm/Modal/index.js +2 -0
- package/dist/esm/Modal/index.js.map +1 -0
- package/dist/esm/Modal/modal.js +85 -0
- package/dist/esm/Modal/modal.js.map +1 -0
- package/dist/esm/Popover/index.js +2 -0
- package/dist/esm/Popover/index.js.map +1 -0
- package/dist/esm/Popover/popover.js +56 -0
- package/dist/esm/Popover/popover.js.map +1 -0
- package/dist/esm/Popper/index.js +2 -0
- package/dist/esm/Popper/index.js.map +1 -0
- package/dist/esm/Popper/popper.js +43 -0
- package/dist/esm/Popper/popper.js.map +1 -0
- package/dist/esm/Portal/index.js +2 -0
- package/dist/esm/Portal/index.js.map +1 -0
- package/dist/esm/Portal/portal.js +16 -0
- package/dist/esm/Portal/portal.js.map +1 -0
- package/dist/esm/Radio/index.js +2 -0
- package/dist/esm/Radio/index.js.map +1 -0
- package/dist/esm/Radio/radio.js +123 -0
- package/dist/esm/Radio/radio.js.map +1 -0
- package/dist/esm/Select/index.js +2 -0
- package/dist/esm/Select/index.js.map +1 -0
- package/dist/esm/Select/select.js +140 -0
- package/dist/esm/Select/select.js.map +1 -0
- package/dist/esm/SelectPicker/index.js +2 -0
- package/dist/esm/SelectPicker/index.js.map +1 -0
- package/dist/esm/SelectPicker/select_picker.js +422 -0
- package/dist/esm/SelectPicker/select_picker.js.map +1 -0
- package/dist/esm/Slide/index.js +2 -0
- package/dist/esm/Slide/index.js.map +1 -0
- package/dist/esm/Slide/slide.js +62 -0
- package/dist/esm/Slide/slide.js.map +1 -0
- package/dist/esm/Slider/index.js +2 -0
- package/dist/esm/Slider/index.js.map +1 -0
- package/dist/esm/Slider/slider.js +100 -0
- package/dist/esm/Slider/slider.js.map +1 -0
- package/dist/esm/Tabs/index.js +3 -0
- package/dist/esm/Tabs/index.js.map +1 -0
- package/dist/esm/Tabs/tab.js +99 -0
- package/dist/esm/Tabs/tab.js.map +1 -0
- package/dist/esm/Tabs/tabs.js +54 -0
- package/dist/esm/Tabs/tabs.js.map +1 -0
- package/dist/esm/TextField/index.js +2 -0
- package/dist/esm/TextField/index.js.map +1 -0
- package/dist/esm/TextField/text_field.js +117 -0
- package/dist/esm/TextField/text_field.js.map +1 -0
- package/dist/esm/TextareaField/index.js +2 -0
- package/dist/esm/TextareaField/index.js.map +1 -0
- package/dist/esm/TextareaField/textarea_field.js +118 -0
- package/dist/esm/TextareaField/textarea_field.js.map +1 -0
- package/dist/esm/Toast/index.js +3 -0
- package/dist/esm/Toast/index.js.map +1 -0
- package/dist/esm/Toast/toast.js +36 -0
- package/dist/esm/Toast/toast.js.map +1 -0
- package/dist/esm/{box/box.js → Toast/toast_container.js} +23 -14
- package/dist/esm/Toast/toast_container.js.map +1 -0
- package/dist/esm/Toast/toast_context.js +11 -0
- package/dist/esm/Toast/toast_context.js.map +1 -0
- package/dist/esm/Toast/toast_provider.js +90 -0
- package/dist/esm/Toast/toast_provider.js.map +1 -0
- package/dist/esm/Toast/use_toast.js +4 -0
- package/dist/esm/Toast/use_toast.js.map +1 -0
- package/dist/esm/Tooltip/index.js +2 -0
- package/dist/esm/Tooltip/index.js.map +1 -0
- package/dist/esm/Tooltip/tooltip.js +139 -0
- package/dist/esm/Tooltip/tooltip.js.map +1 -0
- package/dist/esm/{typography → Typography}/index.js +0 -0
- package/dist/esm/Typography/index.js.map +1 -0
- package/dist/esm/Typography/typography.js +75 -0
- package/dist/esm/Typography/typography.js.map +1 -0
- package/dist/esm/hooks/index.js +8 -0
- package/dist/esm/hooks/index.js.map +1 -0
- package/dist/esm/hooks/use_clipboard.js +50 -0
- package/dist/esm/hooks/use_clipboard.js.map +1 -0
- package/dist/esm/hooks/use_controllable.js +32 -0
- package/dist/esm/hooks/use_controllable.js.map +1 -0
- package/dist/esm/hooks/use_id.js +11 -0
- package/dist/esm/hooks/use_id.js.map +1 -0
- package/dist/esm/hooks/use_image.js +34 -0
- package/dist/esm/hooks/use_image.js.map +1 -0
- package/dist/esm/hooks/use_media_query.js +26 -0
- package/dist/esm/hooks/use_media_query.js.map +1 -0
- package/dist/esm/hooks/use_merged_ref.js +20 -0
- package/dist/esm/hooks/use_merged_ref.js.map +1 -0
- package/dist/esm/hooks/use_window_event_listener.js +15 -0
- package/dist/esm/hooks/use_window_event_listener.js.map +1 -0
- package/dist/esm/icons/arrow_drop_down_icon.js +15 -0
- package/dist/esm/icons/arrow_drop_down_icon.js.map +1 -0
- package/dist/esm/icons/check_circle_icon.js +16 -0
- package/dist/esm/icons/check_circle_icon.js.map +1 -0
- package/dist/esm/icons/check_icon.js +15 -0
- package/dist/esm/icons/check_icon.js.map +1 -0
- package/dist/esm/icons/close_circle_icon.js +16 -0
- package/dist/esm/icons/close_circle_icon.js.map +1 -0
- package/dist/esm/icons/close_icon.js +15 -0
- package/dist/esm/icons/close_icon.js.map +1 -0
- package/dist/esm/icons/close_small_icon.js +15 -0
- package/dist/esm/icons/close_small_icon.js.map +1 -0
- package/dist/esm/icons/dot_icon.js +15 -0
- package/dist/esm/icons/dot_icon.js.map +1 -0
- package/dist/esm/icons/index.js +10 -0
- package/dist/esm/icons/index.js.map +1 -0
- package/dist/esm/icons/plus_icon.js +15 -0
- package/dist/esm/icons/plus_icon.js.map +1 -0
- package/dist/esm/icons/warning_icon.js +17 -0
- package/dist/esm/icons/warning_icon.js.map +1 -0
- package/dist/esm/index.js +31 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/styles/colors/additional.js +7 -0
- package/dist/esm/styles/colors/additional.js.map +1 -0
- package/dist/esm/styles/colors/grayscale.js +15 -0
- package/dist/esm/styles/colors/grayscale.js.map +1 -0
- package/dist/esm/styles/colors/index.js +6 -0
- package/dist/esm/styles/colors/index.js.map +1 -0
- package/dist/esm/styles/colors/primary.js +20 -0
- package/dist/esm/styles/colors/primary.js.map +1 -0
- package/dist/esm/styles/colors/secondary.js +20 -0
- package/dist/esm/styles/colors/secondary.js.map +1 -0
- package/dist/esm/styles/colors/wrong.js +20 -0
- package/dist/esm/styles/colors/wrong.js.map +1 -0
- package/dist/esm/styles/css.js +1 -0
- package/dist/esm/styles/css.js.map +1 -1
- package/dist/esm/styles/default_theme.js +150 -110
- package/dist/esm/styles/default_theme.js.map +1 -1
- package/dist/esm/styles/index.js +2 -1
- package/dist/esm/styles/index.js.map +1 -1
- package/dist/esm/styles/sizes/base.js +22 -0
- package/dist/esm/styles/sizes/base.js.map +1 -0
- package/dist/esm/styles/sizes/index.js +2 -0
- package/dist/esm/styles/sizes/index.js.map +1 -0
- package/dist/esm/styles/theme_provider.js +13 -6
- package/dist/esm/styles/theme_provider.js.map +1 -1
- package/dist/esm/styles/utils.js +46 -0
- package/dist/esm/styles/utils.js.map +1 -0
- package/dist/esm/test-utils.js +5 -0
- package/dist/esm/test-utils.js.map +1 -0
- package/dist/esm/utils/index.js +2 -0
- package/dist/esm/utils/index.js.map +1 -0
- package/dist/esm/utils/owner_document.js +4 -0
- package/dist/esm/utils/owner_document.js.map +1 -0
- package/dist/esm/utils/use_enhanced_effect.js +3 -0
- package/dist/esm/utils/use_enhanced_effect.js.map +1 -0
- package/dist/esnext/Alert/alert.js +71 -0
- package/dist/esnext/Alert/alert.js.map +1 -0
- package/dist/esnext/Alert/index.js +2 -0
- package/dist/esnext/Alert/index.js.map +1 -0
- package/dist/esnext/Avatar/avatar.js +75 -0
- package/dist/esnext/Avatar/avatar.js.map +1 -0
- package/dist/esnext/Avatar/index.js +2 -0
- package/dist/esnext/Avatar/index.js.map +1 -0
- package/dist/esnext/Backdrop/backdrop.js +39 -0
- package/dist/esnext/Backdrop/backdrop.js.map +1 -0
- package/dist/esnext/Backdrop/index.js +2 -0
- package/dist/esnext/Backdrop/index.js.map +1 -0
- package/dist/esnext/Box/box.js +56 -0
- package/dist/esnext/Box/box.js.map +1 -0
- package/dist/esnext/{box → Box}/index.js +0 -0
- package/dist/esnext/Box/index.js.map +1 -0
- package/dist/esnext/Button/button.js +73 -0
- package/dist/esnext/Button/button.js.map +1 -0
- package/dist/esnext/{button → Button}/index.js +0 -0
- package/dist/esnext/Button/index.js.map +1 -0
- package/dist/esnext/ButtonBase/button_base.js +216 -0
- package/dist/esnext/ButtonBase/button_base.js.map +1 -0
- package/dist/esnext/ButtonBase/index.js +2 -0
- package/dist/esnext/ButtonBase/index.js.map +1 -0
- package/dist/esnext/Checkbox/checkbox.js +99 -0
- package/dist/esnext/Checkbox/checkbox.js.map +1 -0
- package/dist/esnext/Checkbox/index.js +2 -0
- package/dist/esnext/Checkbox/index.js.map +1 -0
- package/dist/esnext/Chip/chip.js +137 -0
- package/dist/esnext/Chip/chip.js.map +1 -0
- package/dist/esnext/Chip/index.js +2 -0
- package/dist/esnext/Chip/index.js.map +1 -0
- package/dist/esnext/CircularProgress/circular_progress.js +78 -0
- package/dist/esnext/CircularProgress/circular_progress.js.map +1 -0
- package/dist/esnext/CircularProgress/index.js +2 -0
- package/dist/esnext/CircularProgress/index.js.map +1 -0
- package/dist/esnext/Collapse/collapse.js +79 -0
- package/dist/esnext/Collapse/collapse.js.map +1 -0
- package/dist/esnext/Collapse/index.js +2 -0
- package/dist/esnext/Collapse/index.js.map +1 -0
- package/dist/esnext/ComboBox/combo_box.js +214 -0
- package/dist/esnext/ComboBox/combo_box.js.map +1 -0
- package/dist/esnext/ComboBox/index.js +2 -0
- package/dist/esnext/ComboBox/index.js.map +1 -0
- package/dist/esnext/Dialog/dialog.js +91 -0
- package/dist/esnext/Dialog/dialog.js.map +1 -0
- package/dist/esnext/Dialog/dialog_actions.js +23 -0
- package/dist/esnext/Dialog/dialog_actions.js.map +1 -0
- package/dist/esnext/Dialog/dialog_content.js +47 -0
- package/dist/esnext/Dialog/dialog_content.js.map +1 -0
- package/dist/esnext/Dialog/dialog_title.js +29 -0
- package/dist/esnext/Dialog/dialog_title.js.map +1 -0
- package/dist/esnext/Dialog/index.js +5 -0
- package/dist/esnext/Dialog/index.js.map +1 -0
- package/dist/esnext/Drawer/drawer.js +31 -0
- package/dist/esnext/Drawer/drawer.js.map +1 -0
- package/dist/esnext/Drawer/index.js +2 -0
- package/dist/esnext/Drawer/index.js.map +1 -0
- package/dist/esnext/Fab/fab.js +24 -0
- package/dist/esnext/Fab/fab.js.map +1 -0
- package/dist/esnext/Fab/index.js +2 -0
- package/dist/esnext/Fab/index.js.map +1 -0
- package/dist/esnext/Fade/fade.js +33 -0
- package/dist/esnext/Fade/fade.js.map +1 -0
- package/dist/esnext/Fade/index.js +2 -0
- package/dist/esnext/Fade/index.js.map +1 -0
- package/dist/esnext/FocusTrap/focus_trap.js +31 -0
- package/dist/esnext/FocusTrap/focus_trap.js.map +1 -0
- package/dist/esnext/FocusTrap/index.js +2 -0
- package/dist/esnext/FocusTrap/index.js.map +1 -0
- package/dist/esnext/IconButton/icon_button.js +25 -0
- package/dist/esnext/IconButton/icon_button.js.map +1 -0
- package/dist/esnext/IconButton/index.js +2 -0
- package/dist/esnext/IconButton/index.js.map +1 -0
- package/dist/esnext/Image/image.js +21 -0
- package/dist/esnext/Image/image.js.map +1 -0
- package/dist/esnext/Image/index.js +2 -0
- package/dist/esnext/Image/index.js.map +1 -0
- package/dist/esnext/LinearProgress/index.js +2 -0
- package/dist/esnext/LinearProgress/index.js.map +1 -0
- package/dist/esnext/LinearProgress/linear_progress.js +41 -0
- package/dist/esnext/LinearProgress/linear_progress.js.map +1 -0
- package/dist/esnext/Menu/index.js +2 -0
- package/dist/esnext/Menu/index.js.map +1 -0
- package/dist/esnext/Menu/menu.js +113 -0
- package/dist/esnext/Menu/menu.js.map +1 -0
- package/dist/esnext/Modal/index.js +2 -0
- package/dist/esnext/Modal/index.js.map +1 -0
- package/dist/esnext/Modal/modal.js +62 -0
- package/dist/esnext/Modal/modal.js.map +1 -0
- package/dist/esnext/Popover/index.js +2 -0
- package/dist/esnext/Popover/index.js.map +1 -0
- package/dist/esnext/Popover/popover.js +33 -0
- package/dist/esnext/Popover/popover.js.map +1 -0
- package/dist/esnext/Popper/index.js +2 -0
- package/dist/esnext/Popper/index.js.map +1 -0
- package/dist/esnext/Popper/popper.js +21 -0
- package/dist/esnext/Popper/popper.js.map +1 -0
- package/dist/esnext/Portal/index.js +2 -0
- package/dist/esnext/Portal/index.js.map +1 -0
- package/dist/esnext/Portal/portal.js +16 -0
- package/dist/esnext/Portal/portal.js.map +1 -0
- package/dist/esnext/Radio/index.js +2 -0
- package/dist/esnext/Radio/index.js.map +1 -0
- package/dist/esnext/Radio/radio.js +100 -0
- package/dist/esnext/Radio/radio.js.map +1 -0
- package/dist/esnext/Select/index.js +2 -0
- package/dist/esnext/Select/index.js.map +1 -0
- package/dist/esnext/Select/select.js +117 -0
- package/dist/esnext/Select/select.js.map +1 -0
- package/dist/esnext/SelectPicker/index.js +2 -0
- package/dist/esnext/SelectPicker/index.js.map +1 -0
- package/dist/esnext/SelectPicker/select_picker.js +418 -0
- package/dist/esnext/SelectPicker/select_picker.js.map +1 -0
- package/dist/esnext/Slide/index.js +2 -0
- package/dist/esnext/Slide/index.js.map +1 -0
- package/dist/esnext/Slide/slide.js +56 -0
- package/dist/esnext/Slide/slide.js.map +1 -0
- package/dist/esnext/Slider/index.js +2 -0
- package/dist/esnext/Slider/index.js.map +1 -0
- package/dist/esnext/Slider/slider.js +77 -0
- package/dist/esnext/Slider/slider.js.map +1 -0
- package/dist/esnext/Tabs/index.js +3 -0
- package/dist/esnext/Tabs/index.js.map +1 -0
- package/dist/esnext/Tabs/tab.js +76 -0
- package/dist/esnext/Tabs/tab.js.map +1 -0
- package/dist/esnext/Tabs/tabs.js +31 -0
- package/dist/esnext/Tabs/tabs.js.map +1 -0
- package/dist/esnext/TextField/index.js +2 -0
- package/dist/esnext/TextField/index.js.map +1 -0
- package/dist/esnext/TextField/text_field.js +94 -0
- package/dist/esnext/TextField/text_field.js.map +1 -0
- package/dist/esnext/TextareaField/index.js +2 -0
- package/dist/esnext/TextareaField/index.js.map +1 -0
- package/dist/esnext/TextareaField/textarea_field.js +95 -0
- package/dist/esnext/TextareaField/textarea_field.js.map +1 -0
- package/dist/esnext/Toast/index.js +3 -0
- package/dist/esnext/Toast/index.js.map +1 -0
- package/dist/esnext/Toast/toast.js +25 -0
- package/dist/esnext/Toast/toast.js.map +1 -0
- package/dist/esnext/Toast/toast_container.js +25 -0
- package/dist/esnext/Toast/toast_container.js.map +1 -0
- package/dist/esnext/Toast/toast_context.js +11 -0
- package/dist/esnext/Toast/toast_context.js.map +1 -0
- package/dist/esnext/Toast/toast_provider.js +80 -0
- package/dist/esnext/Toast/toast_provider.js.map +1 -0
- package/dist/esnext/Toast/use_toast.js +4 -0
- package/dist/esnext/Toast/use_toast.js.map +1 -0
- package/dist/esnext/Tooltip/index.js +2 -0
- package/dist/esnext/Tooltip/index.js.map +1 -0
- package/dist/esnext/Tooltip/tooltip.js +118 -0
- package/dist/esnext/Tooltip/tooltip.js.map +1 -0
- package/dist/esnext/{typography → Typography}/index.js +0 -0
- package/dist/esnext/Typography/index.js.map +1 -0
- package/dist/esnext/Typography/typography.js +52 -0
- package/dist/esnext/Typography/typography.js.map +1 -0
- package/dist/esnext/hooks/index.js +8 -0
- package/dist/esnext/hooks/index.js.map +1 -0
- package/dist/esnext/hooks/use_clipboard.js +38 -0
- package/dist/esnext/hooks/use_clipboard.js.map +1 -0
- package/dist/esnext/hooks/use_controllable.js +26 -0
- package/dist/esnext/hooks/use_controllable.js.map +1 -0
- package/dist/esnext/hooks/use_id.js +11 -0
- package/dist/esnext/hooks/use_id.js.map +1 -0
- package/dist/esnext/hooks/use_image.js +33 -0
- package/dist/esnext/hooks/use_image.js.map +1 -0
- package/dist/esnext/hooks/use_media_query.js +26 -0
- package/dist/esnext/hooks/use_media_query.js.map +1 -0
- package/dist/esnext/hooks/use_merged_ref.js +14 -0
- package/dist/esnext/hooks/use_merged_ref.js.map +1 -0
- package/dist/esnext/hooks/use_window_event_listener.js +14 -0
- package/dist/esnext/hooks/use_window_event_listener.js.map +1 -0
- package/dist/esnext/icons/arrow_drop_down_icon.js +4 -0
- package/dist/esnext/icons/arrow_drop_down_icon.js.map +1 -0
- package/dist/esnext/icons/check_circle_icon.js +5 -0
- package/dist/esnext/icons/check_circle_icon.js.map +1 -0
- package/dist/esnext/icons/check_icon.js +4 -0
- package/dist/esnext/icons/check_icon.js.map +1 -0
- package/dist/esnext/icons/close_circle_icon.js +5 -0
- package/dist/esnext/icons/close_circle_icon.js.map +1 -0
- package/dist/esnext/icons/close_icon.js +4 -0
- package/dist/esnext/icons/close_icon.js.map +1 -0
- package/dist/esnext/icons/close_small_icon.js +4 -0
- package/dist/esnext/icons/close_small_icon.js.map +1 -0
- package/dist/esnext/icons/dot_icon.js +4 -0
- package/dist/esnext/icons/dot_icon.js.map +1 -0
- package/dist/esnext/icons/index.js +10 -0
- package/dist/esnext/icons/index.js.map +1 -0
- package/dist/esnext/icons/plus_icon.js +4 -0
- package/dist/esnext/icons/plus_icon.js.map +1 -0
- package/dist/esnext/icons/warning_icon.js +6 -0
- package/dist/esnext/icons/warning_icon.js.map +1 -0
- package/dist/esnext/index.js +31 -3
- package/dist/esnext/index.js.map +1 -1
- package/dist/esnext/styles/colors/additional.js +7 -0
- package/dist/esnext/styles/colors/additional.js.map +1 -0
- package/dist/esnext/styles/colors/grayscale.js +15 -0
- package/dist/esnext/styles/colors/grayscale.js.map +1 -0
- package/dist/esnext/styles/colors/index.js +6 -0
- package/dist/esnext/styles/colors/index.js.map +1 -0
- package/dist/esnext/styles/colors/primary.js +19 -0
- package/dist/esnext/styles/colors/primary.js.map +1 -0
- package/dist/esnext/styles/colors/secondary.js +19 -0
- package/dist/esnext/styles/colors/secondary.js.map +1 -0
- package/dist/esnext/styles/colors/wrong.js +19 -0
- package/dist/esnext/styles/colors/wrong.js.map +1 -0
- package/dist/esnext/styles/css.js +1 -0
- package/dist/esnext/styles/css.js.map +1 -1
- package/dist/esnext/styles/default_theme.js +168 -110
- package/dist/esnext/styles/default_theme.js.map +1 -1
- package/dist/esnext/styles/index.js +2 -1
- package/dist/esnext/styles/index.js.map +1 -1
- package/dist/esnext/styles/sizes/base.js +19 -0
- package/dist/esnext/styles/sizes/base.js.map +1 -0
- package/dist/esnext/styles/sizes/index.js +2 -0
- package/dist/esnext/styles/sizes/index.js.map +1 -0
- package/dist/esnext/styles/theme_provider.js +13 -6
- package/dist/esnext/styles/theme_provider.js.map +1 -1
- package/dist/esnext/styles/utils.js +40 -0
- package/dist/esnext/styles/utils.js.map +1 -0
- package/dist/esnext/test-utils.js +5 -0
- package/dist/esnext/test-utils.js.map +1 -0
- package/dist/esnext/utils/index.js +2 -0
- package/dist/esnext/utils/index.js.map +1 -0
- package/dist/esnext/utils/owner_document.js +4 -0
- package/dist/esnext/utils/owner_document.js.map +1 -0
- package/dist/esnext/utils/use_enhanced_effect.js +3 -0
- package/dist/esnext/utils/use_enhanced_effect.js.map +1 -0
- package/dist/types/Alert/alert.d.ts +27 -0
- package/dist/types/Alert/index.d.ts +1 -0
- package/dist/types/Avatar/avatar.d.ts +43 -0
- package/dist/types/Avatar/index.d.ts +1 -0
- package/dist/types/Backdrop/backdrop.d.ts +24 -0
- package/dist/types/Backdrop/index.d.ts +1 -0
- package/dist/types/Box/box.d.ts +25 -0
- package/dist/types/{box → Box}/index.d.ts +0 -0
- package/dist/types/Button/button.d.ts +30 -0
- package/dist/types/Button/index.d.ts +1 -0
- package/dist/types/ButtonBase/button_base.d.ts +40 -0
- package/dist/types/ButtonBase/index.d.ts +1 -0
- package/dist/types/Checkbox/checkbox.d.ts +43 -0
- package/dist/types/Checkbox/index.d.ts +1 -0
- package/dist/types/Chip/chip.d.ts +38 -0
- package/dist/types/Chip/index.d.ts +1 -0
- package/dist/types/CircularProgress/circular_progress.d.ts +21 -0
- package/dist/types/CircularProgress/index.d.ts +1 -0
- package/dist/types/Collapse/collapse.d.ts +20 -0
- package/dist/types/Collapse/index.d.ts +1 -0
- package/dist/types/ComboBox/combo_box.d.ts +19 -0
- package/dist/types/ComboBox/index.d.ts +1 -0
- package/dist/types/Dialog/dialog.d.ts +51 -0
- package/dist/types/Dialog/dialog_actions.d.ts +13 -0
- package/dist/types/Dialog/dialog_content.d.ts +21 -0
- package/dist/types/Dialog/dialog_title.d.ts +17 -0
- package/dist/types/Dialog/index.d.ts +4 -0
- package/dist/types/Drawer/drawer.d.ts +34 -0
- package/dist/types/Drawer/index.d.ts +1 -0
- package/dist/types/Fab/fab.d.ts +10 -0
- package/dist/types/Fab/index.d.ts +1 -0
- package/dist/types/Fade/fade.d.ts +24 -0
- package/dist/types/Fade/index.d.ts +2 -0
- package/dist/types/FocusTrap/focus_trap.d.ts +19 -0
- package/dist/types/FocusTrap/index.d.ts +1 -0
- package/dist/types/IconButton/icon_button.d.ts +10 -0
- package/dist/types/IconButton/index.d.ts +1 -0
- package/dist/types/Image/image.d.ts +22 -0
- package/dist/types/Image/index.d.ts +1 -0
- package/dist/types/LinearProgress/index.d.ts +1 -0
- package/dist/types/LinearProgress/linear_progress.d.ts +17 -0
- package/dist/types/Menu/index.d.ts +1 -0
- package/dist/types/Menu/menu.d.ts +30 -0
- package/dist/types/Modal/index.d.ts +1 -0
- package/dist/types/Modal/modal.d.ts +54 -0
- package/dist/types/Popover/index.d.ts +1 -0
- package/dist/types/Popover/popover.d.ts +32 -0
- package/dist/types/Popper/index.d.ts +1 -0
- package/dist/types/Popper/popper.d.ts +27 -0
- package/dist/types/Portal/index.d.ts +1 -0
- package/dist/types/Portal/portal.d.ts +16 -0
- package/dist/types/Radio/index.d.ts +1 -0
- package/dist/types/Radio/radio.d.ts +47 -0
- package/dist/types/Select/index.d.ts +1 -0
- package/dist/types/Select/select.d.ts +71 -0
- package/dist/types/SelectPicker/index.d.ts +1 -0
- package/dist/types/SelectPicker/select_picker.d.ts +89 -0
- package/dist/types/Slide/index.d.ts +1 -0
- package/dist/types/Slide/slide.d.ts +27 -0
- package/dist/types/Slider/index.d.ts +1 -0
- package/dist/types/Slider/slider.d.ts +40 -0
- package/dist/types/Tabs/index.d.ts +2 -0
- package/dist/types/Tabs/tab.d.ts +35 -0
- package/dist/types/Tabs/tabs.d.ts +22 -0
- package/dist/types/TextField/index.d.ts +1 -0
- package/dist/types/TextField/text_field.d.ts +76 -0
- package/dist/types/TextareaField/index.d.ts +1 -0
- package/dist/types/TextareaField/textarea_field.d.ts +72 -0
- package/dist/types/Toast/index.d.ts +3 -0
- package/dist/types/Toast/toast.d.ts +26 -0
- package/dist/types/Toast/toast_container.d.ts +10 -0
- package/dist/types/Toast/toast_context.d.ts +39 -0
- package/dist/types/Toast/toast_provider.d.ts +18 -0
- package/dist/types/Toast/use_toast.d.ts +2 -0
- package/dist/types/Tooltip/index.d.ts +1 -0
- package/dist/types/Tooltip/tooltip.d.ts +51 -0
- package/dist/types/Typography/index.d.ts +1 -0
- package/dist/types/Typography/typography.d.ts +33 -0
- package/dist/types/hooks/index.d.ts +7 -0
- package/dist/types/hooks/use_clipboard.d.ts +26 -0
- package/dist/types/hooks/use_controllable.d.ts +24 -0
- package/dist/types/hooks/use_id.d.ts +5 -0
- package/dist/types/hooks/use_image.d.ts +34 -0
- package/dist/types/hooks/use_media_query.d.ts +7 -0
- package/dist/types/hooks/use_merged_ref.d.ts +6 -0
- package/dist/types/hooks/use_window_event_listener.d.ts +2 -0
- package/dist/types/icons/arrow_drop_down_icon.d.ts +4 -0
- package/dist/types/icons/check_circle_icon.d.ts +4 -0
- package/dist/types/icons/check_icon.d.ts +4 -0
- package/dist/types/icons/close_circle_icon.d.ts +4 -0
- package/dist/types/icons/close_icon.d.ts +4 -0
- package/dist/types/icons/close_small_icon.d.ts +4 -0
- package/dist/types/icons/dot_icon.d.ts +4 -0
- package/dist/types/icons/index.d.ts +9 -0
- package/dist/types/icons/plus_icon.d.ts +4 -0
- package/dist/types/icons/warning_icon.d.ts +4 -0
- package/dist/types/index.d.ts +31 -3
- package/dist/types/styles/colors/additional.d.ts +6 -0
- package/dist/types/styles/colors/grayscale.d.ts +14 -0
- package/dist/types/styles/colors/index.d.ts +5 -0
- package/dist/types/styles/colors/primary.d.ts +26 -0
- package/dist/types/styles/colors/secondary.d.ts +26 -0
- package/dist/types/styles/colors/wrong.d.ts +26 -0
- package/dist/types/styles/default_theme.d.ts +2 -112
- package/dist/types/styles/index.d.ts +2 -1
- package/dist/types/styles/sizes/base.d.ts +34 -0
- package/dist/types/styles/sizes/index.d.ts +1 -0
- package/dist/types/styles/theme_provider.d.ts +2 -0
- package/dist/types/styles/types.d.ts +22 -1
- package/dist/types/styles/utils.d.ts +31 -0
- package/dist/types/test-utils.d.ts +3 -0
- package/dist/types/utils/index.d.ts +1 -0
- package/dist/types/utils/owner_document.d.ts +1 -0
- package/dist/types/utils/use_enhanced_effect.d.ts +2 -0
- package/package.json +39 -16
- package/dist/cjs/box/box.js.map +0 -1
- package/dist/cjs/box/index.js.map +0 -1
- package/dist/cjs/button/button.js +0 -184
- package/dist/cjs/button/button.js.map +0 -1
- package/dist/cjs/button/index.js.map +0 -1
- package/dist/cjs/typography/index.js.map +0 -1
- package/dist/cjs/typography/typography.js.map +0 -1
- package/dist/esm/box/box.js.map +0 -1
- package/dist/esm/box/index.js.map +0 -1
- package/dist/esm/button/button.js +0 -162
- package/dist/esm/button/button.js.map +0 -1
- package/dist/esm/button/index.js.map +0 -1
- package/dist/esm/typography/index.js.map +0 -1
- package/dist/esm/typography/typography.js +0 -57
- package/dist/esm/typography/typography.js.map +0 -1
- package/dist/esnext/box/box.js +0 -21
- package/dist/esnext/box/box.js.map +0 -1
- package/dist/esnext/box/index.js.map +0 -1
- package/dist/esnext/button/button.js +0 -139
- package/dist/esnext/button/button.js.map +0 -1
- package/dist/esnext/button/index.js.map +0 -1
- package/dist/esnext/typography/index.js.map +0 -1
- package/dist/esnext/typography/typography.js +0 -39
- package/dist/esnext/typography/typography.js.map +0 -1
- package/dist/types/box/box.d.ts +0 -10
- package/dist/types/button/button.d.ts +0 -10
- package/dist/types/button/index.d.ts +0 -1
- package/dist/types/typography/index.d.ts +0 -1
- package/dist/types/typography/typography.d.ts +0 -11
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { css, cx } from '../styles';
|
|
3
|
+
import { Typography } from '../Typography';
|
|
4
|
+
import { CloseSmallIcon } from '../icons';
|
|
5
|
+
const stylesBase = () => css({
|
|
6
|
+
label: 'Chip',
|
|
7
|
+
display: 'inline-flex',
|
|
8
|
+
fontFamily: 'inherit',
|
|
9
|
+
outline: '0',
|
|
10
|
+
boxSizing: 'border-box',
|
|
11
|
+
borderRadius: 'var(--pv-size-base-3)',
|
|
12
|
+
padding: '0 var(--pv-size-base-2)',
|
|
13
|
+
height: 'var(--pv-size-base-6)',
|
|
14
|
+
backgroundColor: 'transparent',
|
|
15
|
+
transition: 'background-color 200ms, color 200ms, border-color 200ms, box-shadow 200ms',
|
|
16
|
+
margin: '0 var(--pv-size-base)',
|
|
17
|
+
cursor: 'default',
|
|
18
|
+
border: '1px solid transparent',
|
|
19
|
+
verticalAlign: 'middle',
|
|
20
|
+
justifyContent: 'center',
|
|
21
|
+
alignItems: 'center',
|
|
22
|
+
whiteSpace: 'nowrap',
|
|
23
|
+
textDecoration: 'none',
|
|
24
|
+
});
|
|
25
|
+
const stylesDisabled = () => css({
|
|
26
|
+
label: 'disabled',
|
|
27
|
+
pointerEvents: 'none',
|
|
28
|
+
});
|
|
29
|
+
const stylesClickable = () => css({
|
|
30
|
+
label: 'clickable',
|
|
31
|
+
cursor: 'pointer',
|
|
32
|
+
userSelect: 'none',
|
|
33
|
+
WebkitTapHighlightColor: 'transparent',
|
|
34
|
+
});
|
|
35
|
+
const stylesVariantContained = (props) => css({
|
|
36
|
+
label: 'contained',
|
|
37
|
+
backgroundColor: `var(--pv-color-${props.color})`,
|
|
38
|
+
color: 'var(--pv-color-white)',
|
|
39
|
+
...(typeof props.onClick === 'function' && !props.disabled && {
|
|
40
|
+
'&:hover': {
|
|
41
|
+
backgroundColor: `var(--pv-color-${props.color}-tint-1)`,
|
|
42
|
+
},
|
|
43
|
+
'&:focus': {
|
|
44
|
+
backgroundColor: `var(--pv-color-${props.color}-tint-2)`,
|
|
45
|
+
},
|
|
46
|
+
'&:active': {
|
|
47
|
+
backgroundColor: `var(--pv-color-${props.color}-tint-2)`,
|
|
48
|
+
boxShadow: 'var(--pv-shadow-light-medium)',
|
|
49
|
+
},
|
|
50
|
+
}),
|
|
51
|
+
...(props.disabled && {
|
|
52
|
+
color: 'var(--pv-color-gray-8)',
|
|
53
|
+
backgroundColor: 'var(--pv-color-gray-4)',
|
|
54
|
+
}),
|
|
55
|
+
});
|
|
56
|
+
const stylesVariantOutlined = (props) => css({
|
|
57
|
+
label: 'outlined',
|
|
58
|
+
backgroundColor: 'transparent',
|
|
59
|
+
color: `var(--pv-color-${props.color})`,
|
|
60
|
+
borderColor: `var(--pv-color-${props.color}-tint-2)`,
|
|
61
|
+
...(typeof props.onClick === 'function' && !props.disabled && {
|
|
62
|
+
'&:hover': {
|
|
63
|
+
backgroundColor: `var(--pv-color-${props.color}-tint-5)`,
|
|
64
|
+
},
|
|
65
|
+
'&:focus': {
|
|
66
|
+
backgroundColor: `var(--pv-color-${props.color}-tint-4)`,
|
|
67
|
+
},
|
|
68
|
+
'&:active': {
|
|
69
|
+
backgroundColor: `var(--pv-color-${props.color}-tint-3)`,
|
|
70
|
+
},
|
|
71
|
+
}),
|
|
72
|
+
...(props.disabled && {
|
|
73
|
+
color: 'var(--pv-color-gray-8)',
|
|
74
|
+
borderColor: 'var(--pv-color-gray-4)',
|
|
75
|
+
}),
|
|
76
|
+
});
|
|
77
|
+
const stylesDeleteAction = () => css({
|
|
78
|
+
label: 'delete',
|
|
79
|
+
width: '24px',
|
|
80
|
+
height: '24px',
|
|
81
|
+
cursor: 'pointer',
|
|
82
|
+
WebkitTapHighlightColor: 'transparent',
|
|
83
|
+
margin: '0px calc(var(--pv-size-base) * -1) 0 var(--pv-size-base)',
|
|
84
|
+
transition: 'opacity 200ms',
|
|
85
|
+
opacity: '0.6',
|
|
86
|
+
'&:hover': {
|
|
87
|
+
opacity: '1',
|
|
88
|
+
},
|
|
89
|
+
});
|
|
90
|
+
export const Chip = React.forwardRef((props, ref) => {
|
|
91
|
+
const { children, disabled, deleteIcon, variant, color, className, onClick, onDelete, ...other } = props;
|
|
92
|
+
const clickable = Boolean(onClick);
|
|
93
|
+
const baseProps = {
|
|
94
|
+
role: clickable ? 'button' : undefined,
|
|
95
|
+
'aria-disabled': disabled ? true : undefined,
|
|
96
|
+
tabIndex: clickable && !disabled ? 0 : undefined,
|
|
97
|
+
onClick,
|
|
98
|
+
};
|
|
99
|
+
const handleDeleteClick = (event) => {
|
|
100
|
+
// Stop the event from bubbling up to the `Chip`.
|
|
101
|
+
event.stopPropagation();
|
|
102
|
+
if (onDelete) {
|
|
103
|
+
onDelete(event);
|
|
104
|
+
}
|
|
105
|
+
};
|
|
106
|
+
const renderDeleteAction = () => {
|
|
107
|
+
if (!onDelete) {
|
|
108
|
+
return null;
|
|
109
|
+
}
|
|
110
|
+
const baseIconProps = {
|
|
111
|
+
'aria-hidden': true,
|
|
112
|
+
className: cx(stylesDeleteAction()),
|
|
113
|
+
onClick: handleDeleteClick,
|
|
114
|
+
};
|
|
115
|
+
if (deleteIcon) {
|
|
116
|
+
return React.cloneElement(deleteIcon, baseIconProps);
|
|
117
|
+
}
|
|
118
|
+
return (React.createElement(CloseSmallIcon, Object.assign({}, baseIconProps)));
|
|
119
|
+
};
|
|
120
|
+
return (React.createElement("div", Object.assign({}, other, baseProps, { ref: ref, className: cx({
|
|
121
|
+
[stylesBase()]: true,
|
|
122
|
+
[stylesDisabled()]: disabled,
|
|
123
|
+
[stylesClickable()]: clickable && !disabled,
|
|
124
|
+
[stylesVariantContained(props)]: variant !== 'outlined',
|
|
125
|
+
[stylesVariantOutlined(props)]: variant === 'outlined',
|
|
126
|
+
[className]: !!className,
|
|
127
|
+
}) }),
|
|
128
|
+
React.createElement(Typography, { variant: "b3", component: "span", color: "inherit" }, children),
|
|
129
|
+
renderDeleteAction()));
|
|
130
|
+
});
|
|
131
|
+
Chip.displayName = 'Chip';
|
|
132
|
+
Chip.defaultProps = {
|
|
133
|
+
disabled: false,
|
|
134
|
+
variant: 'contained',
|
|
135
|
+
color: 'secondary',
|
|
136
|
+
};
|
|
137
|
+
//# sourceMappingURL=chip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/Chip/chip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { css, cx, keyframes } from '../styles';
|
|
3
|
+
/**
|
|
4
|
+
* Styles.
|
|
5
|
+
*/
|
|
6
|
+
const SIZE = 44;
|
|
7
|
+
const THICKNESS = 4;
|
|
8
|
+
const circularRotateKeyframe = keyframes `
|
|
9
|
+
0% {
|
|
10
|
+
transform: rotate(0deg);
|
|
11
|
+
}
|
|
12
|
+
100% {
|
|
13
|
+
transform: rotate(360deg);
|
|
14
|
+
}
|
|
15
|
+
`;
|
|
16
|
+
const circularDashKeyframe = keyframes `
|
|
17
|
+
0% {
|
|
18
|
+
stroke-dasharray: 1px, 200px;
|
|
19
|
+
stroke-dashoffset: 0;
|
|
20
|
+
}
|
|
21
|
+
50% {
|
|
22
|
+
stroke-dasharray: 100px, 200px;
|
|
23
|
+
stroke-dashoffset: -15px;
|
|
24
|
+
}
|
|
25
|
+
100% {
|
|
26
|
+
stroke-dasharray: 100px, 200px;
|
|
27
|
+
stroke-dashoffset: -125px;
|
|
28
|
+
}
|
|
29
|
+
`;
|
|
30
|
+
const stylesBase = (color) => css({
|
|
31
|
+
label: 'CircularProgress',
|
|
32
|
+
overflow: 'hidden',
|
|
33
|
+
position: 'relative',
|
|
34
|
+
display: 'inline-block',
|
|
35
|
+
color: `var(--pv-color-${color})`,
|
|
36
|
+
animation: `${circularRotateKeyframe} 1.4s linear infinite`,
|
|
37
|
+
});
|
|
38
|
+
const stylesBaseSmall = () => css({
|
|
39
|
+
label: 'small',
|
|
40
|
+
height: 'var(--pv-size-base-3)',
|
|
41
|
+
width: 'var(--pv-size-base-3)',
|
|
42
|
+
});
|
|
43
|
+
const stylesBaseLarge = () => css({
|
|
44
|
+
label: 'large',
|
|
45
|
+
height: 'var(--pv-size-base-6)',
|
|
46
|
+
width: 'var(--pv-size-base-6)',
|
|
47
|
+
});
|
|
48
|
+
const stylesProgressSvg = () => css({
|
|
49
|
+
label: 'CircularProgress-svg',
|
|
50
|
+
display: 'block',
|
|
51
|
+
});
|
|
52
|
+
const stylesProgressCircle = () => css({
|
|
53
|
+
label: 'CircularProgress-circle',
|
|
54
|
+
stroke: 'currentcolor',
|
|
55
|
+
strokeDasharray: '80px, 200px',
|
|
56
|
+
strokeDashoffset: 0,
|
|
57
|
+
animation: `${circularDashKeyframe} 1.4s ease-in-out infinite`,
|
|
58
|
+
});
|
|
59
|
+
/**
|
|
60
|
+
*
|
|
61
|
+
*/
|
|
62
|
+
export const CircularProgress = React.forwardRef((props, ref) => {
|
|
63
|
+
const { color, className, size, ...other } = props;
|
|
64
|
+
return (React.createElement("div", Object.assign({}, other, { ref: ref, className: cx({
|
|
65
|
+
[stylesBase(color)]: true,
|
|
66
|
+
[stylesBaseSmall()]: size === 'small',
|
|
67
|
+
[stylesBaseLarge()]: size === 'large',
|
|
68
|
+
[className]: !!className,
|
|
69
|
+
}), role: "progressbar" }),
|
|
70
|
+
React.createElement("svg", { viewBox: `${SIZE / 2} ${SIZE / 2} ${SIZE} ${SIZE}`, className: stylesProgressSvg() },
|
|
71
|
+
React.createElement("circle", { cx: SIZE, cy: SIZE, r: (SIZE - THICKNESS) / 2, fill: "none", strokeWidth: THICKNESS, className: stylesProgressCircle() }))));
|
|
72
|
+
});
|
|
73
|
+
CircularProgress.displayName = 'CircularProgress';
|
|
74
|
+
CircularProgress.defaultProps = {
|
|
75
|
+
color: 'primary',
|
|
76
|
+
size: 'large',
|
|
77
|
+
};
|
|
78
|
+
//# sourceMappingURL=circular_progress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"circular_progress.js","sourceRoot":"","sources":["../../../src/CircularProgress/circular_progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAuB/C;;GAEG;AACH,MAAM,IAAI,GAAG,EAAE,CAAC;AAChB,MAAM,SAAS,GAAG,CAAC,CAAC;AAEpB,MAAM,sBAAsB,GAAG,SAAS,CAAA;;;;;;;CAOvC,CAAC;AAEF,MAAM,oBAAoB,GAAG,SAAS,CAAA;;;;;;;;;;;;;CAarC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAyB,EAAE,EAAE,CAAC,GAAG,CAAC;IACpD,KAAK,EAAE,kBAAkB;IACzB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,kBAAkB,KAAK,GAAG;IACjC,SAAS,EAAE,GAAG,sBAAsB,uBAAuB;CAC5D,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAChC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE,uBAAuB;CAC/B,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAChC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,uBAAuB;IAC/B,KAAK,EAAE,uBAAuB;CAC/B,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAClC,KAAK,EAAE,sBAAsB;IAC7B,OAAO,EAAE,OAAO;CACjB,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IACrC,KAAK,EAAE,yBAAyB;IAChC,MAAM,EAAE,cAAc;IACtB,eAAe,EAAE,aAAa;IAC9B,gBAAgB,EAAE,CAAC;IACnB,SAAS,EAAE,GAAG,oBAAoB,4BAA4B;CAC/D,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAC9C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,KAAK,EACL,SAAS,EACT,IAAI,EACJ,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,6CACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI;YACzB,CAAC,eAAe,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;YACrC,CAAC,eAAe,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;YACrC,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,EACF,IAAI,EAAC,aAAa;QAElB,6BACE,OAAO,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE,EAClD,SAAS,EAAE,iBAAiB,EAAE;YAE9B,gCACE,EAAE,EAAE,IAAI,EACR,EAAE,EAAE,IAAI,EACR,CAAC,EAAE,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC,EACzB,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,SAAS,EACtB,SAAS,EAAE,oBAAoB,EAAE,GACjC,CACE,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,gBAAgB,CAAC,YAAY,GAAG;IAC9B,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,OAAO;CACd,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/CircularProgress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAyB,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Transition } from 'react-transition-group';
|
|
3
|
+
import { css, cx } from '../styles';
|
|
4
|
+
const stylesBase = (timeout) => css({
|
|
5
|
+
label: 'Collapse',
|
|
6
|
+
transition: `height ${timeout}ms cubic-bezier(0.4, 0, 0.2, 1) 0ms`,
|
|
7
|
+
overflowY: 'hidden',
|
|
8
|
+
height: 0,
|
|
9
|
+
});
|
|
10
|
+
const stylesEntered = () => css({
|
|
11
|
+
label: 'entered',
|
|
12
|
+
height: 'auto',
|
|
13
|
+
overflowY: 'visible',
|
|
14
|
+
});
|
|
15
|
+
const stylesHidden = () => css({
|
|
16
|
+
label: 'hidden',
|
|
17
|
+
visibility: 'hidden',
|
|
18
|
+
});
|
|
19
|
+
export const Collapse = (props) => {
|
|
20
|
+
const { timeout, in: inProp, children, onEnter, onEntered, onEntering, onExit, onExited, onExiting, className, ...other } = props;
|
|
21
|
+
const wrapperRef = React.useRef(null);
|
|
22
|
+
const nodeRef = React.useRef(null);
|
|
23
|
+
const getWrapperSize = () => (wrapperRef.current ? wrapperRef.current.clientHeight : 0);
|
|
24
|
+
const handleEnter = (isAppearing) => {
|
|
25
|
+
if (nodeRef.current) {
|
|
26
|
+
nodeRef.current.style.height = '0px';
|
|
27
|
+
}
|
|
28
|
+
if (onEnter) {
|
|
29
|
+
onEnter(isAppearing);
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
const handleEntering = (isAppearing) => {
|
|
33
|
+
if (nodeRef.current) {
|
|
34
|
+
nodeRef.current.style.height = `${getWrapperSize()}px`;
|
|
35
|
+
}
|
|
36
|
+
if (onEntering) {
|
|
37
|
+
onEntering(isAppearing);
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
const handleEntered = (isAppearing) => {
|
|
41
|
+
if (nodeRef.current) {
|
|
42
|
+
nodeRef.current.style.height = 'auto';
|
|
43
|
+
}
|
|
44
|
+
if (onEntered) {
|
|
45
|
+
onEntered(isAppearing);
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
const handleExit = () => {
|
|
49
|
+
if (nodeRef.current) {
|
|
50
|
+
nodeRef.current.style.height = `${getWrapperSize()}px`;
|
|
51
|
+
// reading a dimension prop will cause the browser to recalculate,
|
|
52
|
+
// which will let our animations work
|
|
53
|
+
nodeRef.current.offsetHeight; // eslint-disable-line @typescript-eslint/no-unused-expressions
|
|
54
|
+
}
|
|
55
|
+
if (onExit) {
|
|
56
|
+
onExit();
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
const handleExiting = () => {
|
|
60
|
+
if (nodeRef.current) {
|
|
61
|
+
nodeRef.current.style.height = '0px';
|
|
62
|
+
}
|
|
63
|
+
if (onExiting) {
|
|
64
|
+
onExiting();
|
|
65
|
+
}
|
|
66
|
+
};
|
|
67
|
+
return (React.createElement(Transition, { in: inProp, timeout: timeout, onEnter: handleEnter, onEntering: handleEntering, onEntered: handleEntered, onExit: handleExit, onExiting: handleExiting, onExited: onExited }, (state) => (React.createElement("div", Object.assign({}, other, { className: cx({
|
|
68
|
+
[stylesBase(timeout)]: true,
|
|
69
|
+
[stylesEntered()]: state === 'entered',
|
|
70
|
+
[stylesHidden()]: state === 'exited' && !inProp,
|
|
71
|
+
[className]: !!className,
|
|
72
|
+
}), ref: nodeRef }),
|
|
73
|
+
React.createElement("div", { ref: wrapperRef }, children)))));
|
|
74
|
+
};
|
|
75
|
+
Collapse.displayName = 'Collapse';
|
|
76
|
+
Collapse.defaultProps = {
|
|
77
|
+
timeout: 225,
|
|
78
|
+
};
|
|
79
|
+
//# sourceMappingURL=collapse.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapse.js","sourceRoot":"","sources":["../../../src/Collapse/collapse.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Collapse/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,214 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Popover } from '../Popover';
|
|
3
|
+
import { Typography } from '../Typography';
|
|
4
|
+
import { Chip } from '../Chip';
|
|
5
|
+
import { ArrowDropDownIcon } from '../icons';
|
|
6
|
+
import { useMergedRef } from '../hooks';
|
|
7
|
+
import { css, cx } from '../styles';
|
|
8
|
+
const stylesInputBase = () => css({
|
|
9
|
+
label: 'ComboBox-input',
|
|
10
|
+
fontFamily: 'inherit',
|
|
11
|
+
outline: 'none',
|
|
12
|
+
boxSizing: 'border-box',
|
|
13
|
+
width: '100%',
|
|
14
|
+
borderRadius: '4px',
|
|
15
|
+
color: 'var(--pv-color-black)',
|
|
16
|
+
backgroundColor: 'var(--pv-color-gray-1)',
|
|
17
|
+
borderStyle: 'solid',
|
|
18
|
+
borderWidth: '1px',
|
|
19
|
+
borderColor: 'var(--pv-color-gray-8)',
|
|
20
|
+
transition: 'background-color 200ms, color 200ms, border-color 200ms',
|
|
21
|
+
display: 'block',
|
|
22
|
+
appearance: 'none',
|
|
23
|
+
height: 'auto',
|
|
24
|
+
overflow: 'hidden',
|
|
25
|
+
whiteSpace: 'nowrap',
|
|
26
|
+
textOverflow: 'ellipsis',
|
|
27
|
+
cursor: 'pointer',
|
|
28
|
+
userSelect: 'none',
|
|
29
|
+
position: 'relative',
|
|
30
|
+
minHeight: 'var(--pv-size-base-8)',
|
|
31
|
+
padding: 'var(--pv-size-base-half) calc(var(--pv-size-base-2) + 24px) var(--pv-size-base-half) var(--pv-size-base-half)',
|
|
32
|
+
'&::placeholder': {
|
|
33
|
+
color: 'var(--pv-color-gray-9)',
|
|
34
|
+
},
|
|
35
|
+
'&:hover': {
|
|
36
|
+
backgroundColor: 'var(--pv-color-gray-3)',
|
|
37
|
+
borderColor: 'var(--pv-color-gray-7)',
|
|
38
|
+
},
|
|
39
|
+
'&:disabled': {
|
|
40
|
+
cursor: 'not-allowed',
|
|
41
|
+
backgroundColor: 'var(--pv-color-gray-1)',
|
|
42
|
+
borderColor: 'var(--pv-color-gray-5)',
|
|
43
|
+
color: 'var(--pv-color-gray-7)',
|
|
44
|
+
},
|
|
45
|
+
'&:not(:disabled)': {
|
|
46
|
+
'&[aria-invalid]': {
|
|
47
|
+
backgroundColor: 'var(--pv-color-wrong-tint-5)',
|
|
48
|
+
borderColor: 'var(--pv-color-wrong-tint-3)',
|
|
49
|
+
},
|
|
50
|
+
'&:focus': {
|
|
51
|
+
backgroundColor: 'var(--pv-color-secondary-tint-5)',
|
|
52
|
+
borderColor: 'var(--pv-color-secondary-tint-3)',
|
|
53
|
+
},
|
|
54
|
+
},
|
|
55
|
+
}, {
|
|
56
|
+
fontWeight: 'var(--pv-text-c1-weight)',
|
|
57
|
+
fontSize: 'var(--pv-text-c1-size)',
|
|
58
|
+
lineHeight: 'var(--pv-text-c1-height)',
|
|
59
|
+
letterSpacing: 'var(--pv-text-c1-spacing)',
|
|
60
|
+
});
|
|
61
|
+
const stylesChipsContainer = () => css({
|
|
62
|
+
label: 'ComboBox-chips-container',
|
|
63
|
+
display: 'flex',
|
|
64
|
+
flexWrap: 'wrap',
|
|
65
|
+
});
|
|
66
|
+
const stylesChip = () => css({
|
|
67
|
+
label: 'ComboBox-chip',
|
|
68
|
+
margin: '2px',
|
|
69
|
+
});
|
|
70
|
+
const stylesMenuList = () => css({
|
|
71
|
+
label: 'ComboBox-menu-list',
|
|
72
|
+
padding: 'var(--pv-size-base-2) 0px',
|
|
73
|
+
outline: 'none',
|
|
74
|
+
minWidth: '220px',
|
|
75
|
+
});
|
|
76
|
+
const stylesMenuItem = () => css({
|
|
77
|
+
label: 'ComboBox-menu-item',
|
|
78
|
+
padding: '0px var(--pv-size-base-2)',
|
|
79
|
+
fontFamily: 'inherit',
|
|
80
|
+
outline: 'none',
|
|
81
|
+
width: '100%',
|
|
82
|
+
height: 'var(--pv-size-base-7)',
|
|
83
|
+
display: 'flex',
|
|
84
|
+
textAlign: 'left',
|
|
85
|
+
alignItems: 'center',
|
|
86
|
+
justifyContent: 'flex-start',
|
|
87
|
+
textDecoration: 'none',
|
|
88
|
+
userSelect: 'none',
|
|
89
|
+
cursor: 'pointer',
|
|
90
|
+
transition: 'background-color 200ms',
|
|
91
|
+
backgroundColor: 'transparent',
|
|
92
|
+
border: 'none',
|
|
93
|
+
color: 'var(--pv-color-black)',
|
|
94
|
+
'&:not(:disabled)': {
|
|
95
|
+
'&:hover': {
|
|
96
|
+
backgroundColor: 'var(--pv-color-gray-3)',
|
|
97
|
+
},
|
|
98
|
+
'&:focus': {
|
|
99
|
+
backgroundColor: 'var(--pv-color-gray-4)',
|
|
100
|
+
},
|
|
101
|
+
'&:active': {
|
|
102
|
+
backgroundColor: 'var(--pv-color-gray-5)',
|
|
103
|
+
},
|
|
104
|
+
},
|
|
105
|
+
'&:disabled': {
|
|
106
|
+
color: 'var(--pv-color-gray-7)',
|
|
107
|
+
cursor: 'not-allowed',
|
|
108
|
+
},
|
|
109
|
+
});
|
|
110
|
+
const stylesLabel = () => css({
|
|
111
|
+
label: 'ComboBox-label',
|
|
112
|
+
marginBottom: '2px',
|
|
113
|
+
display: 'inline-block',
|
|
114
|
+
});
|
|
115
|
+
const stylesCheckbox = () => css({
|
|
116
|
+
label: 'ComboBox-checkbox',
|
|
117
|
+
width: 'var(--pv-size-base-4)',
|
|
118
|
+
height: 'var(--pv-size-base-4)',
|
|
119
|
+
margin: '0px var(--pv-size-base-2) 0 var(--pv-size-base)',
|
|
120
|
+
});
|
|
121
|
+
const stylesInputArrowIcon = () => css({
|
|
122
|
+
label: 'ComboBox-arrow-icon',
|
|
123
|
+
position: 'absolute',
|
|
124
|
+
right: '0px',
|
|
125
|
+
top: 'calc(50% - 12px)',
|
|
126
|
+
pointerEvents: 'none',
|
|
127
|
+
margin: '0px var(--pv-size-base)',
|
|
128
|
+
color: 'var(--pv-color-gray-10)',
|
|
129
|
+
});
|
|
130
|
+
export const ComboBox = React.forwardRef((props, ref) => {
|
|
131
|
+
const { options, name, defaultValue, className, label: labelProp, onChange, ...other } = props;
|
|
132
|
+
const [open, setOpen] = React.useState(false);
|
|
133
|
+
const [selected, setSelected] = React.useState(defaultValue || []);
|
|
134
|
+
const rootRef = React.useRef(null);
|
|
135
|
+
const multiRef = useMergedRef(ref, rootRef);
|
|
136
|
+
const handleRootClick = () => {
|
|
137
|
+
setOpen(true);
|
|
138
|
+
};
|
|
139
|
+
const handleRootKeyDown = (event) => {
|
|
140
|
+
if (event.key === 'Enter') {
|
|
141
|
+
setOpen(true);
|
|
142
|
+
}
|
|
143
|
+
};
|
|
144
|
+
const handlePopoverClose = () => {
|
|
145
|
+
setOpen(false);
|
|
146
|
+
};
|
|
147
|
+
const handleMenuItemClick = (option) => () => {
|
|
148
|
+
let newSelected = [];
|
|
149
|
+
if (selected.includes(option.value)) {
|
|
150
|
+
newSelected = selected.filter((value) => value !== option.value);
|
|
151
|
+
}
|
|
152
|
+
else {
|
|
153
|
+
newSelected = [
|
|
154
|
+
...selected,
|
|
155
|
+
option.value,
|
|
156
|
+
];
|
|
157
|
+
}
|
|
158
|
+
setSelected(newSelected);
|
|
159
|
+
if (onChange) {
|
|
160
|
+
const event = new Event('change');
|
|
161
|
+
Object.defineProperty(event, 'target', {
|
|
162
|
+
writable: true,
|
|
163
|
+
value: {
|
|
164
|
+
name,
|
|
165
|
+
value: newSelected,
|
|
166
|
+
},
|
|
167
|
+
});
|
|
168
|
+
onChange(event);
|
|
169
|
+
}
|
|
170
|
+
};
|
|
171
|
+
const renderOption = (option) => {
|
|
172
|
+
const { value, label, disabled } = option;
|
|
173
|
+
const isSelected = selected.includes(value);
|
|
174
|
+
return (React.createElement("button", { key: value, type: "button",
|
|
175
|
+
// eslint-disable-next-line jsx-a11y/role-has-required-aria-props
|
|
176
|
+
role: "option", onClick: handleMenuItemClick(option), disabled: disabled, "data-value": value, "aria-selected": isSelected, className: cx(stylesMenuItem()) },
|
|
177
|
+
React.createElement("input", { type: "checkbox", checked: isSelected, tabIndex: -1, readOnly: true, className: cx(stylesCheckbox()) }),
|
|
178
|
+
React.createElement(Typography, { variant: "b3" }, label)));
|
|
179
|
+
};
|
|
180
|
+
const renderHiddenInputs = () => (React.createElement("div", null,
|
|
181
|
+
React.createElement("input", { type: "hidden", value: selected.join(','), name: name })));
|
|
182
|
+
const renderSelectedValue = (option) => {
|
|
183
|
+
const { value, label } = option;
|
|
184
|
+
return (React.createElement(Chip, { key: value, className: cx(stylesChip()), onDelete: handleMenuItemClick(option) }, label));
|
|
185
|
+
};
|
|
186
|
+
const renderSelectedValues = () => {
|
|
187
|
+
if (!selected.length) {
|
|
188
|
+
return null;
|
|
189
|
+
}
|
|
190
|
+
return (React.createElement("div", { className: cx(stylesChipsContainer()) }, options.map((option) => {
|
|
191
|
+
if (selected.includes(option.value)) {
|
|
192
|
+
return renderSelectedValue(option);
|
|
193
|
+
}
|
|
194
|
+
return null;
|
|
195
|
+
})));
|
|
196
|
+
};
|
|
197
|
+
return (React.createElement(React.Fragment, null,
|
|
198
|
+
React.createElement("div", Object.assign({}, other, { ref: multiRef, className: className }),
|
|
199
|
+
labelProp && (
|
|
200
|
+
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
201
|
+
React.createElement("label", { className: cx(stylesLabel()) },
|
|
202
|
+
React.createElement(Typography, { component: "span", variant: "c2", color: "gray-10" }, labelProp))),
|
|
203
|
+
React.createElement("div", { tabIndex: 0, role: "button", "aria-haspopup": "listbox", onClick: handleRootClick, onKeyDown: handleRootKeyDown, className: cx(stylesInputBase()) },
|
|
204
|
+
renderSelectedValues(),
|
|
205
|
+
React.createElement(ArrowDropDownIcon, { className: cx(stylesInputArrowIcon()), "aria-hidden": true })),
|
|
206
|
+
renderHiddenInputs()),
|
|
207
|
+
React.createElement(Popover, { modalProps: {
|
|
208
|
+
disableAutoFocus: true,
|
|
209
|
+
}, ref: ref, open: open, anchorEl: rootRef.current, onClose: handlePopoverClose, placement: "bottom-start" },
|
|
210
|
+
React.createElement("div", { role: "listbox", tabIndex: -1, className: cx(stylesMenuList()) }, options.map((option) => renderOption(option))))));
|
|
211
|
+
});
|
|
212
|
+
ComboBox.displayName = 'ComboBox';
|
|
213
|
+
ComboBox.defaultProps = {};
|
|
214
|
+
//# sourceMappingURL=combo_box.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combo_box.js","sourceRoot":"","sources":["../../../src/ComboBox/combo_box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAuBpC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAChC,KAAK,EAAE,gBAAgB;IACvB,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,YAAY;IACvB,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE,uBAAuB;IAC9B,eAAe,EAAE,wBAAwB;IACzC,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,wBAAwB;IACrC,UAAU,EAAE,yDAAyD;IACrE,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,QAAQ;IACpB,YAAY,EAAE,UAAU;IACxB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,uBAAuB;IAClC,OAAO,EAAE,+GAA+G;IACxH,gBAAgB,EAAE;QAChB,KAAK,EAAE,wBAAwB;KAChC;IACD,SAAS,EAAE;QACT,eAAe,EAAE,wBAAwB;QACzC,WAAW,EAAE,wBAAwB;KACtC;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,aAAa;QACrB,eAAe,EAAE,wBAAwB;QACzC,WAAW,EAAE,wBAAwB;QACrC,KAAK,EAAE,wBAAwB;KAChC;IACD,kBAAkB,EAAE;QAClB,iBAAiB,EAAE;YACjB,eAAe,EAAE,8BAA8B;YAC/C,WAAW,EAAE,8BAA8B;SAC5C;QACD,SAAS,EAAE;YACT,eAAe,EAAE,kCAAkC;YACnD,WAAW,EAAE,kCAAkC;SAChD;KACF;CACF,EAAE;IACD,UAAU,EAAE,0BAA0B;IACtC,QAAQ,EAAE,wBAAwB;IAClC,UAAU,EAAE,0BAA0B;IACtC,aAAa,EAAE,2BAA2B;CACpC,CAAC,CAAC;AAEV,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IACrC,KAAK,EAAE,0BAA0B;IACjC,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,eAAe;IACtB,MAAM,EAAE,KAAK;CACd,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC/B,KAAK,EAAE,oBAAoB;IAC3B,OAAO,EAAE,2BAA2B;IACpC,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,OAAO;CAClB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC/B,KAAK,EAAE,oBAAoB;IAC3B,OAAO,EAAE,2BAA2B;IACpC,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,uBAAuB;IAC/B,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,YAAY;IAC5B,cAAc,EAAE,MAAM;IACtB,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,wBAAwB;IACpC,eAAe,EAAE,aAAa;IAC9B,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,uBAAuB;IAC9B,kBAAkB,EAAE;QAClB,SAAS,EAAE;YACT,eAAe,EAAE,wBAAwB;SAC1C;QACD,SAAS,EAAE;YACT,eAAe,EAAE,wBAAwB;SAC1C;QACD,UAAU,EAAE;YACV,eAAe,EAAE,wBAAwB;SAC1C;KACF;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,wBAAwB;QAC/B,MAAM,EAAE,aAAa;KACtB;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC5B,KAAK,EAAE,gBAAgB;IACvB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,cAAc;CACxB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC/B,KAAK,EAAE,mBAAmB;IAC1B,KAAK,EAAE,uBAAuB;IAC9B,MAAM,EAAE,uBAAuB;IAC/B,MAAM,EAAE,iDAAiD;CAC1D,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IACrC,KAAK,EAAE,qBAAqB;IAC5B,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,KAAK;IACZ,GAAG,EAAE,kBAAkB;IACvB,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,yBAAyB;IACjC,KAAK,EAAE,yBAAyB;CACjC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAgC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrF,MAAM,EACJ,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAW,YAAY,IAAI,EAAE,CAAC,CAAC;IAC7E,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAE5C,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAA0C,EAAE,EAAE;QACvE,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;YACzB,OAAO,CAAC,IAAI,CAAC,CAAC;SACf;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAC1B,MAAkB,EAClB,EAAE,CAAC,GAAG,EAAE;QACR,IAAI,WAAW,GAAa,EAAE,CAAC;QAE/B,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;YACnC,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC;SAClE;aAAM;YACL,WAAW,GAAG;gBACZ,GAAG,QAAQ;gBACX,MAAM,CAAC,KAAK;aACb,CAAC;SACH;QAED,WAAW,CAAC,WAAW,CAAC,CAAC;QAEzB,IAAI,QAAQ,EAAE;YACZ,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC;YAElC,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,QAAQ,EAAE;gBACrC,QAAQ,EAAE,IAAI;gBACd,KAAK,EAAE;oBACL,IAAI;oBACJ,KAAK,EAAE,WAAW;iBACnB;aACF,CAAC,CAAC;YAEH,QAAQ,CAAC,KAAY,CAAC,CAAC;SACxB;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,MAAkB,EAAE,EAAE;QAC1C,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;QAC1C,MAAM,UAAU,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAE5C,OAAO,CACL,gCACE,GAAG,EAAE,KAAK,EACV,IAAI,EAAC,QAAQ;YACb,iEAAiE;YACjE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,mBAAmB,CAAC,MAAM,CAAC,EACpC,QAAQ,EAAE,QAAQ,gBACN,KAAK,mBACF,UAAU,EACzB,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC;YAE/B,+BACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,CAAC,CAAC,EACZ,QAAQ,QACR,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC,GAC/B;YACF,oBAAC,UAAU,IACT,OAAO,EAAC,IAAI,IAEX,KAAK,CACK,CACN,CACV,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,CAC/B;QACE,+BACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,EACzB,IAAI,EAAE,IAAI,GACV,CACE,CACP,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,MAAkB,EAAE,EAAE;QACjD,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QAEhC,OAAO,CACL,oBAAC,IAAI,IACH,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,CAAC,EAC3B,QAAQ,EAAE,mBAAmB,CAAC,MAAM,CAAC,IAEpC,KAAK,CACD,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACpB,OAAO,IAAI,CAAC;SACb;QAED,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,CAAC,IAEpC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACtB,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;gBACnC,OAAO,mBAAmB,CAAC,MAAM,CAAC,CAAC;aACpC;YAED,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CACE,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL;QACE,6CACM,KAAK,IACT,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,SAAS;YAEnB,SAAS,IAAI;YACZ,iEAAiE;YACjE,+BACE,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC;gBAE5B,oBAAC,UAAU,IACT,SAAS,EAAC,MAAM,EAChB,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,SAAS,IAEd,SAAS,CACC,CACP,CACT;YACD,6BACE,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,mBACC,SAAS,EACvB,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,CAAC;gBAE/B,oBAAoB,EAAE;gBACvB,oBAAC,iBAAiB,IAChB,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,CAAC,wBAErC,CACE;YACL,kBAAkB,EAAE,CACjB;QACN,oBAAC,OAAO,IACN,UAAU,EAAE;gBACV,gBAAgB,EAAE,IAAI;aACvB,EACD,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,OAAO,CAAC,OAAO,EACzB,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAC,cAAc;YAExB,6BACE,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC,IAE9B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAC1C,CACE,CACT,CACJ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,QAAQ,CAAC,YAAY,GAAG,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ComboBox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA2B,MAAM,aAAa,CAAC"}
|