@peculiar/react-components 0.0.2-alpha.89 → 0.1.0-alpha.309
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 +7 -5
- package/dist/cjs/Alert/alert.js +109 -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/Autocomplete/autocomplete.js +260 -0
- package/dist/cjs/Autocomplete/autocomplete.js.map +1 -0
- package/dist/cjs/Autocomplete/index.js +6 -0
- package/dist/cjs/Autocomplete/index.js.map +1 -0
- package/dist/cjs/Avatar/avatar.js +35 -55
- package/dist/cjs/Avatar/avatar.js.map +1 -1
- package/dist/cjs/Backdrop/backdrop.js +10 -6
- package/dist/cjs/Backdrop/backdrop.js.map +1 -1
- package/dist/cjs/Backdrop/index.js.map +1 -1
- package/dist/cjs/Box/box.js +24 -13
- package/dist/cjs/Box/box.js.map +1 -1
- package/dist/cjs/Box/index.js.map +1 -1
- package/dist/cjs/Button/button.js +51 -28
- package/dist/cjs/Button/button.js.map +1 -1
- package/dist/cjs/Button/index.js.map +1 -1
- package/dist/cjs/ButtonBase/button_base.js +156 -44
- package/dist/cjs/ButtonBase/button_base.js.map +1 -1
- package/dist/cjs/ButtonBase/index.js.map +1 -1
- package/dist/cjs/Checkbox/checkbox.js +148 -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 +219 -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 +14 -10
- package/dist/cjs/Collapse/collapse.js.map +1 -1
- package/dist/cjs/Dialog/dialog.js +104 -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 +14 -7
- package/dist/cjs/Drawer/drawer.js.map +1 -1
- package/dist/cjs/Fab/fab.js +21 -7
- package/dist/cjs/Fab/fab.js.map +1 -1
- package/dist/cjs/Fab/index.js.map +1 -1
- package/dist/cjs/Fade/fade.js +33 -9
- package/dist/cjs/Fade/fade.js.map +1 -1
- 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/IconButton/icon_button.js +83 -0
- 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 +69 -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 +141 -0
- package/dist/cjs/Menu/menu.js.map +1 -0
- package/dist/cjs/Modal/index.js.map +1 -1
- package/dist/cjs/Modal/modal.js +46 -12
- package/dist/cjs/Modal/modal.js.map +1 -1
- package/dist/cjs/OverridableComponent.js +3 -0
- package/dist/cjs/OverridableComponent.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 +83 -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 +71 -0
- package/dist/cjs/Popper/popper.js.map +1 -0
- package/dist/cjs/Portal/portal.js +6 -2
- package/dist/cjs/Portal/portal.js.map +1 -1
- package/dist/cjs/Radio/index.js +6 -0
- package/dist/cjs/Radio/index.js.map +1 -0
- package/dist/cjs/Radio/radio.js +149 -0
- package/dist/cjs/Radio/radio.js.map +1 -0
- package/dist/cjs/Select/select.js +59 -32
- package/dist/cjs/Select/select.js.map +1 -1
- package/dist/cjs/Skeleton/index.js +6 -0
- package/dist/cjs/Skeleton/index.js.map +1 -0
- package/dist/cjs/Skeleton/skeleton.js +103 -0
- package/dist/cjs/Skeleton/skeleton.js.map +1 -0
- package/dist/cjs/Slide/slide.js +48 -8
- package/dist/cjs/Slide/slide.js.map +1 -1
- package/dist/cjs/Slider/index.js +6 -0
- package/dist/cjs/Slider/index.js.map +1 -0
- package/dist/cjs/Slider/slider.js +126 -0
- package/dist/cjs/Slider/slider.js.map +1 -0
- package/dist/cjs/Switch/index.js +6 -0
- package/dist/cjs/Switch/index.js.map +1 -0
- package/dist/cjs/Switch/switch.js +138 -0
- package/dist/cjs/Switch/switch.js.map +1 -0
- package/dist/cjs/Tabs/index.js.map +1 -1
- package/dist/cjs/Tabs/tab.js +42 -15
- package/dist/cjs/Tabs/tab.js.map +1 -1
- package/dist/cjs/Tabs/tabs.js +7 -3
- package/dist/cjs/Tabs/tabs.js.map +1 -1
- package/dist/cjs/TextField/text_field.js +25 -22
- package/dist/cjs/TextField/text_field.js.map +1 -1
- package/dist/cjs/TextareaField/index.js +6 -0
- package/dist/cjs/TextareaField/index.js.map +1 -0
- package/dist/cjs/TextareaField/textarea_field.js +144 -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 +63 -0
- package/dist/cjs/Toast/toast.js.map +1 -0
- package/dist/cjs/Toast/toast_container.js +76 -0
- package/dist/cjs/Toast/toast_container.js.map +1 -0
- package/dist/cjs/Toast/toast_context.js +37 -0
- package/dist/cjs/Toast/toast_context.js.map +1 -0
- package/dist/cjs/Toast/toast_provider.js +121 -0
- package/dist/cjs/Toast/toast_provider.js.map +1 -0
- package/dist/cjs/Toast/use_toast.js +31 -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/index.js.map +1 -1
- package/dist/cjs/Typography/typography.js +44 -23
- package/dist/cjs/Typography/typography.js.map +1 -1
- package/dist/cjs/hooks/index.js +17 -1
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/use_autocomplete.js +357 -0
- package/dist/cjs/hooks/use_autocomplete.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_event_callback.js +48 -0
- package/dist/cjs/hooks/use_event_callback.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 +2 -2
- package/dist/cjs/hooks/use_media_query.js.map +1 -1
- 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 +25 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/styles/colors/additional.js +0 -2
- package/dist/cjs/styles/colors/additional.js.map +1 -1
- package/dist/cjs/styles/colors/attention.js +24 -0
- package/dist/cjs/styles/colors/attention.js.map +1 -0
- package/dist/cjs/styles/colors/grayscale.js +11 -11
- package/dist/cjs/styles/colors/grayscale.js.map +1 -1
- package/dist/cjs/styles/colors/index.js +7 -1
- package/dist/cjs/styles/colors/index.js.map +1 -1
- package/dist/cjs/styles/colors/primary.js +1 -1
- package/dist/cjs/styles/colors/primary.js.map +1 -1
- package/dist/cjs/styles/colors/secondary.js +1 -1
- package/dist/cjs/styles/colors/secondary.js.map +1 -1
- package/dist/cjs/styles/colors/success.js +24 -0
- package/dist/cjs/styles/colors/success.js.map +1 -0
- package/dist/cjs/styles/colors/wrong.js +1 -1
- package/dist/cjs/styles/colors/wrong.js.map +1 -1
- package/dist/cjs/styles/css.js +1 -1
- package/dist/cjs/styles/css.js.map +1 -1
- package/dist/cjs/styles/default_theme.js +5 -3
- package/dist/cjs/styles/default_theme.js.map +1 -1
- package/dist/cjs/styles/index.js +8 -5
- 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 +36 -4
- package/dist/cjs/styles/theme_provider.js.map +1 -1
- package/dist/cjs/styles/utils.js +36 -51
- package/dist/cjs/styles/utils.js.map +1 -1
- package/dist/cjs/utils/owner_document.js +8 -0
- package/dist/cjs/utils/owner_document.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/Autocomplete/autocomplete.js +253 -0
- package/dist/esm/Autocomplete/autocomplete.js.map +1 -0
- package/dist/esm/Autocomplete/index.js +2 -0
- package/dist/esm/Autocomplete/index.js.map +1 -0
- package/dist/esm/Avatar/avatar.js +25 -49
- package/dist/esm/Avatar/avatar.js.map +1 -1
- package/dist/esm/Backdrop/backdrop.js +2 -2
- package/dist/esm/Backdrop/backdrop.js.map +1 -1
- package/dist/esm/Backdrop/index.js.map +1 -1
- package/dist/esm/Box/box.js +15 -8
- package/dist/esm/Box/box.js.map +1 -1
- package/dist/esm/Box/index.js +1 -1
- package/dist/esm/Box/index.js.map +1 -1
- package/dist/esm/Button/button.js +44 -25
- package/dist/esm/Button/button.js.map +1 -1
- package/dist/esm/Button/index.js +1 -1
- package/dist/esm/Button/index.js.map +1 -1
- package/dist/esm/ButtonBase/button_base.js +150 -42
- package/dist/esm/ButtonBase/button_base.js.map +1 -1
- package/dist/esm/ButtonBase/index.js +1 -1
- package/dist/esm/ButtonBase/index.js.map +1 -1
- 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 +193 -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 +6 -6
- package/dist/esm/Collapse/collapse.js.map +1 -1
- package/dist/esm/Dialog/dialog.js +98 -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 +7 -4
- package/dist/esm/Drawer/drawer.js.map +1 -1
- package/dist/esm/Fab/fab.js +14 -4
- package/dist/esm/Fab/fab.js.map +1 -1
- package/dist/esm/Fab/index.js +1 -1
- package/dist/esm/Fab/index.js.map +1 -1
- package/dist/esm/Fade/fade.js +28 -7
- package/dist/esm/Fade/fade.js.map +1 -1
- 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 +57 -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 +135 -0
- package/dist/esm/Menu/menu.js.map +1 -0
- package/dist/esm/Modal/index.js.map +1 -1
- package/dist/esm/Modal/modal.js +38 -8
- package/dist/esm/Modal/modal.js.map +1 -1
- package/dist/esm/OverridableComponent.js +2 -0
- package/dist/esm/OverridableComponent.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 +77 -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 +64 -0
- package/dist/esm/Popper/popper.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/select.js +47 -24
- package/dist/esm/Select/select.js.map +1 -1
- package/dist/esm/Skeleton/index.js +2 -0
- package/dist/esm/Skeleton/index.js.map +1 -0
- package/dist/esm/Skeleton/skeleton.js +77 -0
- package/dist/esm/Skeleton/skeleton.js.map +1 -0
- package/dist/esm/Slide/slide.js +43 -6
- package/dist/esm/Slide/slide.js.map +1 -1
- 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/Switch/index.js +2 -0
- package/dist/esm/Switch/index.js.map +1 -0
- package/dist/esm/Switch/switch.js +112 -0
- package/dist/esm/Switch/switch.js.map +1 -0
- package/dist/esm/Tabs/index.js +1 -1
- package/dist/esm/Tabs/index.js.map +1 -1
- package/dist/esm/Tabs/tab.js +36 -13
- package/dist/esm/Tabs/tab.js.map +1 -1
- package/dist/esm/Tabs/tabs.js.map +1 -1
- package/dist/esm/TextField/text_field.js +11 -12
- package/dist/esm/TextField/text_field.js.map +1 -1
- 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/Toast/toast_container.js +49 -0
- 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 +94 -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/index.js +1 -1
- package/dist/esm/Typography/index.js.map +1 -1
- package/dist/esm/Typography/typography.js +35 -18
- package/dist/esm/Typography/typography.js.map +1 -1
- package/dist/esm/hooks/index.js +8 -0
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/use_autocomplete.js +350 -0
- package/dist/esm/hooks/use_autocomplete.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_event_callback.js +21 -0
- package/dist/esm/hooks/use_event_callback.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_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 +20 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/styles/colors/additional.js +0 -2
- package/dist/esm/styles/colors/additional.js.map +1 -1
- package/dist/esm/styles/colors/attention.js +20 -0
- package/dist/esm/styles/colors/attention.js.map +1 -0
- package/dist/esm/styles/colors/grayscale.js +11 -11
- package/dist/esm/styles/colors/grayscale.js.map +1 -1
- package/dist/esm/styles/colors/index.js +2 -0
- package/dist/esm/styles/colors/index.js.map +1 -1
- package/dist/esm/styles/colors/success.js +20 -0
- package/dist/esm/styles/colors/success.js.map +1 -0
- package/dist/esm/styles/default_theme.js +6 -4
- package/dist/esm/styles/default_theme.js.map +1 -1
- package/dist/esm/styles/index.js +1 -2
- 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 -4
- package/dist/esm/styles/theme_provider.js.map +1 -1
- package/dist/esm/styles/utils.js +31 -48
- package/dist/esm/styles/utils.js.map +1 -1
- package/dist/esm/utils/owner_document.js +4 -0
- package/dist/esm/utils/owner_document.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/Autocomplete/autocomplete.js +257 -0
- package/dist/esnext/Autocomplete/autocomplete.js.map +1 -0
- package/dist/esnext/Autocomplete/index.js +2 -0
- package/dist/esnext/Autocomplete/index.js.map +1 -0
- package/dist/esnext/Avatar/avatar.js +25 -49
- package/dist/esnext/Avatar/avatar.js.map +1 -1
- package/dist/esnext/Backdrop/backdrop.js +4 -4
- package/dist/esnext/Backdrop/backdrop.js.map +1 -1
- package/dist/esnext/Backdrop/index.js.map +1 -1
- package/dist/esnext/Box/box.js +13 -11
- package/dist/esnext/Box/box.js.map +1 -1
- package/dist/esnext/Box/index.js +1 -1
- package/dist/esnext/Box/index.js.map +1 -1
- package/dist/esnext/Button/button.js +59 -22
- package/dist/esnext/Button/button.js.map +1 -1
- package/dist/esnext/Button/index.js +1 -1
- package/dist/esnext/Button/index.js.map +1 -1
- package/dist/esnext/ButtonBase/button_base.js +150 -42
- package/dist/esnext/ButtonBase/button_base.js.map +1 -1
- package/dist/esnext/ButtonBase/index.js +1 -1
- package/dist/esnext/ButtonBase/index.js.map +1 -1
- 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 +203 -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 +6 -6
- package/dist/esnext/Collapse/collapse.js.map +1 -1
- package/dist/esnext/Dialog/dialog.js +89 -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 +8 -5
- package/dist/esnext/Drawer/drawer.js.map +1 -1
- package/dist/esnext/Fab/fab.js +16 -6
- package/dist/esnext/Fab/fab.js.map +1 -1
- package/dist/esnext/Fab/index.js +1 -1
- package/dist/esnext/Fab/index.js.map +1 -1
- package/dist/esnext/Fade/fade.js +20 -6
- package/dist/esnext/Fade/fade.js.map +1 -1
- 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 +34 -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 +114 -0
- package/dist/esnext/Menu/menu.js.map +1 -0
- package/dist/esnext/Modal/index.js.map +1 -1
- package/dist/esnext/Modal/modal.js +39 -9
- package/dist/esnext/Modal/modal.js.map +1 -1
- package/dist/esnext/OverridableComponent.js +2 -0
- package/dist/esnext/OverridableComponent.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 +52 -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 +40 -0
- package/dist/esnext/Popper/popper.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/select.js +43 -20
- package/dist/esnext/Select/select.js.map +1 -1
- package/dist/esnext/Skeleton/index.js +2 -0
- package/dist/esnext/Skeleton/index.js.map +1 -0
- package/dist/esnext/Skeleton/skeleton.js +73 -0
- package/dist/esnext/Skeleton/skeleton.js.map +1 -0
- package/dist/esnext/Slide/slide.js +44 -7
- package/dist/esnext/Slide/slide.js.map +1 -1
- 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/Switch/index.js +2 -0
- package/dist/esnext/Switch/index.js.map +1 -0
- package/dist/esnext/Switch/switch.js +89 -0
- package/dist/esnext/Switch/switch.js.map +1 -0
- package/dist/esnext/Tabs/index.js +1 -1
- package/dist/esnext/Tabs/index.js.map +1 -1
- package/dist/esnext/Tabs/tab.js +37 -14
- package/dist/esnext/Tabs/tab.js.map +1 -1
- package/dist/esnext/Tabs/tabs.js +2 -2
- package/dist/esnext/Tabs/tabs.js.map +1 -1
- package/dist/esnext/TextField/text_field.js +12 -13
- package/dist/esnext/TextField/text_field.js.map +1 -1
- 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 +26 -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/index.js +1 -1
- package/dist/esnext/Typography/index.js.map +1 -1
- package/dist/esnext/Typography/typography.js +31 -19
- package/dist/esnext/Typography/typography.js.map +1 -1
- package/dist/esnext/hooks/index.js +8 -0
- package/dist/esnext/hooks/index.js.map +1 -1
- package/dist/esnext/hooks/use_autocomplete.js +345 -0
- package/dist/esnext/hooks/use_autocomplete.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_event_callback.js +16 -0
- package/dist/esnext/hooks/use_event_callback.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_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 +20 -0
- package/dist/esnext/index.js.map +1 -1
- package/dist/esnext/styles/colors/additional.js +0 -2
- package/dist/esnext/styles/colors/additional.js.map +1 -1
- package/dist/esnext/styles/colors/attention.js +19 -0
- package/dist/esnext/styles/colors/attention.js.map +1 -0
- package/dist/esnext/styles/colors/grayscale.js +11 -11
- package/dist/esnext/styles/colors/grayscale.js.map +1 -1
- package/dist/esnext/styles/colors/index.js +2 -0
- package/dist/esnext/styles/colors/index.js.map +1 -1
- package/dist/esnext/styles/colors/success.js +19 -0
- package/dist/esnext/styles/colors/success.js.map +1 -0
- package/dist/esnext/styles/default_theme.js +24 -6
- package/dist/esnext/styles/default_theme.js.map +1 -1
- package/dist/esnext/styles/index.js +1 -2
- 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 -4
- package/dist/esnext/styles/theme_provider.js.map +1 -1
- package/dist/esnext/styles/utils.js +37 -52
- package/dist/esnext/styles/utils.js.map +1 -1
- package/dist/esnext/utils/owner_document.js +4 -0
- package/dist/esnext/utils/owner_document.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/Autocomplete/autocomplete.d.ts +94 -0
- package/dist/types/Autocomplete/index.d.ts +1 -0
- package/dist/types/Avatar/avatar.d.ts +29 -9
- package/dist/types/Backdrop/backdrop.d.ts +4 -0
- package/dist/types/Backdrop/index.d.ts +1 -1
- package/dist/types/Box/box.d.ts +16 -9
- package/dist/types/Box/index.d.ts +1 -1
- package/dist/types/Button/button.d.ts +29 -10
- package/dist/types/Button/index.d.ts +1 -1
- package/dist/types/ButtonBase/button_base.d.ts +26 -7
- package/dist/types/ButtonBase/index.d.ts +1 -1
- 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 +50 -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/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 +16 -5
- package/dist/types/Fab/fab.d.ts +22 -4
- package/dist/types/Fab/index.d.ts +1 -1
- package/dist/types/Fade/fade.d.ts +5 -2
- 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 +23 -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 +35 -0
- package/dist/types/Modal/index.d.ts +1 -1
- package/dist/types/Modal/modal.d.ts +37 -6
- package/dist/types/OverridableComponent.d.ts +50 -0
- package/dist/types/Popover/index.d.ts +1 -0
- package/dist/types/Popover/popover.d.ts +36 -0
- package/dist/types/Popper/index.d.ts +1 -0
- package/dist/types/Popper/popper.d.ts +31 -0
- package/dist/types/Radio/index.d.ts +1 -0
- package/dist/types/Radio/radio.d.ts +47 -0
- package/dist/types/Select/select.d.ts +9 -6
- package/dist/types/Skeleton/index.d.ts +1 -0
- package/dist/types/Skeleton/skeleton.d.ts +36 -0
- package/dist/types/Slide/slide.d.ts +6 -3
- package/dist/types/Slider/index.d.ts +1 -0
- package/dist/types/Slider/slider.d.ts +40 -0
- package/dist/types/Switch/index.d.ts +1 -0
- package/dist/types/Switch/switch.d.ts +43 -0
- package/dist/types/Tabs/index.d.ts +1 -1
- package/dist/types/Tabs/tab.d.ts +21 -5
- package/dist/types/Tabs/tabs.d.ts +5 -2
- package/dist/types/TextField/text_field.d.ts +14 -7
- 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 -1
- package/dist/types/Typography/typography.d.ts +16 -9
- package/dist/types/hooks/index.d.ts +8 -0
- package/dist/types/hooks/use_autocomplete.d.ts +97 -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_event_callback.d.ts +4 -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_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 +20 -0
- package/dist/types/styles/colors/additional.d.ts +0 -2
- package/dist/types/styles/colors/attention.d.ts +26 -0
- package/dist/types/styles/colors/grayscale.d.ts +11 -11
- package/dist/types/styles/colors/index.d.ts +2 -0
- package/dist/types/styles/colors/success.d.ts +26 -0
- package/dist/types/styles/index.d.ts +1 -2
- 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 +12 -4
- package/dist/types/styles/utils.d.ts +30 -9
- package/dist/types/utils/owner_document.d.ts +1 -0
- package/dist/types/utils/use_enhanced_effect.d.ts +2 -2
- package/package.json +44 -24
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { css, cx } from '../styles';
|
|
3
|
+
import { Typography } from '../Typography';
|
|
4
|
+
import { CloseSmallIcon } from '../icons';
|
|
5
|
+
/**
|
|
6
|
+
*
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* Styles.
|
|
10
|
+
*/
|
|
11
|
+
const stylesBase = () => css({
|
|
12
|
+
label: 'Chip',
|
|
13
|
+
display: 'inline-flex',
|
|
14
|
+
maxWidth: '100%',
|
|
15
|
+
fontFamily: 'inherit',
|
|
16
|
+
outline: '0',
|
|
17
|
+
boxSizing: 'border-box',
|
|
18
|
+
borderRadius: 'var(--pv-size-base-3)',
|
|
19
|
+
padding: '0 var(--pv-size-base-2)',
|
|
20
|
+
height: 'var(--pv-size-base-6)',
|
|
21
|
+
backgroundColor: 'transparent',
|
|
22
|
+
transition: 'background-color 200ms, color 200ms, border-color 200ms, box-shadow 200ms',
|
|
23
|
+
margin: '0 var(--pv-size-base)',
|
|
24
|
+
cursor: 'default',
|
|
25
|
+
border: '1px solid transparent',
|
|
26
|
+
verticalAlign: 'middle',
|
|
27
|
+
justifyContent: 'center',
|
|
28
|
+
alignItems: 'center',
|
|
29
|
+
whiteSpace: 'nowrap',
|
|
30
|
+
textDecoration: 'none',
|
|
31
|
+
});
|
|
32
|
+
const stylesDisabled = () => css({
|
|
33
|
+
label: 'disabled',
|
|
34
|
+
pointerEvents: 'none',
|
|
35
|
+
});
|
|
36
|
+
const stylesClickable = () => css({
|
|
37
|
+
label: 'clickable',
|
|
38
|
+
cursor: 'pointer',
|
|
39
|
+
userSelect: 'none',
|
|
40
|
+
WebkitTapHighlightColor: 'transparent',
|
|
41
|
+
});
|
|
42
|
+
const stylesVariantContainedColorNotDefault = (props) => css({
|
|
43
|
+
label: 'contained',
|
|
44
|
+
backgroundColor: `var(--pv-color-${props.color})`,
|
|
45
|
+
color: 'var(--pv-color-white)',
|
|
46
|
+
...(typeof props.onClick === 'function' && !props.disabled && {
|
|
47
|
+
'&:hover': {
|
|
48
|
+
backgroundColor: `var(--pv-color-${props.color}-tint-1)`,
|
|
49
|
+
},
|
|
50
|
+
'&:focus': {
|
|
51
|
+
backgroundColor: `var(--pv-color-${props.color}-tint-2)`,
|
|
52
|
+
},
|
|
53
|
+
'&:active': {
|
|
54
|
+
backgroundColor: `var(--pv-color-${props.color}-tint-2)`,
|
|
55
|
+
boxShadow: 'var(--pv-shadow-light-medium)',
|
|
56
|
+
},
|
|
57
|
+
}),
|
|
58
|
+
...(props.disabled && {
|
|
59
|
+
color: 'var(--pv-color-gray-8)',
|
|
60
|
+
backgroundColor: 'var(--pv-color-gray-4)',
|
|
61
|
+
}),
|
|
62
|
+
});
|
|
63
|
+
const stylesVariantContainedColorDefault = (props) => css({
|
|
64
|
+
label: 'contained-default',
|
|
65
|
+
backgroundColor: 'var(--pv-color-gray-4)',
|
|
66
|
+
color: 'var(--pv-color-black)',
|
|
67
|
+
...(typeof props.onClick === 'function' && !props.disabled && {
|
|
68
|
+
'&:hover': {
|
|
69
|
+
backgroundColor: 'var(--pv-color-gray-7)',
|
|
70
|
+
},
|
|
71
|
+
'&:focus': {
|
|
72
|
+
backgroundColor: 'var(--pv-color-gray-6)',
|
|
73
|
+
},
|
|
74
|
+
'&:active': {
|
|
75
|
+
backgroundColor: 'var(--pv-color-gray-5)',
|
|
76
|
+
},
|
|
77
|
+
}),
|
|
78
|
+
...(props.disabled && {
|
|
79
|
+
color: 'var(--pv-color-gray-8)',
|
|
80
|
+
backgroundColor: 'var(--pv-color-gray-4)',
|
|
81
|
+
}),
|
|
82
|
+
});
|
|
83
|
+
const stylesVariantOutlinedColorNotDefault = (props) => css({
|
|
84
|
+
label: 'outlined',
|
|
85
|
+
backgroundColor: 'transparent',
|
|
86
|
+
color: `var(--pv-color-${props.color})`,
|
|
87
|
+
borderColor: `var(--pv-color-${props.color}-tint-2)`,
|
|
88
|
+
...(typeof props.onClick === 'function' && !props.disabled && {
|
|
89
|
+
'&:hover': {
|
|
90
|
+
backgroundColor: `var(--pv-color-${props.color}-tint-5)`,
|
|
91
|
+
},
|
|
92
|
+
'&:focus': {
|
|
93
|
+
backgroundColor: `var(--pv-color-${props.color}-tint-4)`,
|
|
94
|
+
},
|
|
95
|
+
'&:active': {
|
|
96
|
+
backgroundColor: `var(--pv-color-${props.color}-tint-3)`,
|
|
97
|
+
},
|
|
98
|
+
}),
|
|
99
|
+
...(props.disabled && {
|
|
100
|
+
color: 'var(--pv-color-gray-8)',
|
|
101
|
+
borderColor: 'var(--pv-color-gray-4)',
|
|
102
|
+
}),
|
|
103
|
+
});
|
|
104
|
+
const stylesVariantOutlinedColorDefault = (props) => css({
|
|
105
|
+
label: 'outlined-default',
|
|
106
|
+
backgroundColor: 'transparent',
|
|
107
|
+
color: 'var(--pv-color-gray-10)',
|
|
108
|
+
borderColor: 'var(--pv-color-gray-6)',
|
|
109
|
+
...(typeof props.onClick === 'function' && !props.disabled && {
|
|
110
|
+
'&:hover': {
|
|
111
|
+
backgroundColor: 'var(--pv-color-gray-3)',
|
|
112
|
+
},
|
|
113
|
+
'&:focus': {
|
|
114
|
+
backgroundColor: 'var(--pv-color-gray-4)',
|
|
115
|
+
},
|
|
116
|
+
'&:active': {
|
|
117
|
+
backgroundColor: 'var(--pv-color-gray-5)',
|
|
118
|
+
},
|
|
119
|
+
}),
|
|
120
|
+
...(props.disabled && {
|
|
121
|
+
color: 'var(--pv-color-gray-8)',
|
|
122
|
+
borderColor: 'var(--pv-color-gray-4)',
|
|
123
|
+
}),
|
|
124
|
+
});
|
|
125
|
+
const stylesDeleteAction = () => css({
|
|
126
|
+
label: 'delete',
|
|
127
|
+
width: '24px',
|
|
128
|
+
height: '24px',
|
|
129
|
+
cursor: 'pointer',
|
|
130
|
+
WebkitTapHighlightColor: 'transparent',
|
|
131
|
+
margin: '0px calc(var(--pv-size-base) * -1) 0 var(--pv-size-base)',
|
|
132
|
+
transition: 'opacity 200ms',
|
|
133
|
+
opacity: '0.6',
|
|
134
|
+
flexShrink: 0,
|
|
135
|
+
'&:hover': {
|
|
136
|
+
opacity: '1',
|
|
137
|
+
},
|
|
138
|
+
});
|
|
139
|
+
const stylesStartContent = () => css({
|
|
140
|
+
label: 'Chip-startIcon',
|
|
141
|
+
marginRight: 'var(--pv-size-base)',
|
|
142
|
+
display: 'inherit',
|
|
143
|
+
});
|
|
144
|
+
/**
|
|
145
|
+
*
|
|
146
|
+
*/
|
|
147
|
+
export const Chip = React.forwardRef((props, ref) => {
|
|
148
|
+
const { children, disabled, deleteIcon, variant, color, className, startContent: startContentProp, component, onClick, onDelete, ...other } = props;
|
|
149
|
+
const clickable = Boolean(onClick);
|
|
150
|
+
const baseProps = {
|
|
151
|
+
role: clickable ? 'button' : undefined,
|
|
152
|
+
'aria-disabled': disabled ? true : undefined,
|
|
153
|
+
tabIndex: clickable && !disabled ? 0 : undefined,
|
|
154
|
+
onClick,
|
|
155
|
+
};
|
|
156
|
+
const handleDeleteClick = (event) => {
|
|
157
|
+
// Stop the event from bubbling up to the `Chip`.
|
|
158
|
+
event.stopPropagation();
|
|
159
|
+
if (onDelete) {
|
|
160
|
+
onDelete(event);
|
|
161
|
+
}
|
|
162
|
+
};
|
|
163
|
+
const renderDeleteAction = () => {
|
|
164
|
+
if (!onDelete) {
|
|
165
|
+
return null;
|
|
166
|
+
}
|
|
167
|
+
const baseIconProps = {
|
|
168
|
+
'aria-hidden': true,
|
|
169
|
+
className: cx(stylesDeleteAction()),
|
|
170
|
+
onClick: handleDeleteClick,
|
|
171
|
+
};
|
|
172
|
+
if (deleteIcon) {
|
|
173
|
+
return React.cloneElement(deleteIcon, baseIconProps);
|
|
174
|
+
}
|
|
175
|
+
return (React.createElement(CloseSmallIcon, { ...baseIconProps }));
|
|
176
|
+
};
|
|
177
|
+
const startContent = startContentProp && (React.createElement("span", { className: cx(stylesStartContent()) }, startContentProp));
|
|
178
|
+
const Component = component || 'div';
|
|
179
|
+
return (React.createElement(Component, { ...other, ...baseProps, ref: ref, className: cx({
|
|
180
|
+
[stylesBase()]: true,
|
|
181
|
+
[stylesDisabled()]: disabled,
|
|
182
|
+
[stylesClickable()]: clickable && !disabled,
|
|
183
|
+
...(color !== 'default' && {
|
|
184
|
+
[stylesVariantContainedColorNotDefault(props)]: variant === 'contained',
|
|
185
|
+
[stylesVariantOutlinedColorNotDefault(props)]: variant === 'outlined',
|
|
186
|
+
}),
|
|
187
|
+
...(color === 'default' && {
|
|
188
|
+
[stylesVariantContainedColorDefault(props)]: variant === 'contained',
|
|
189
|
+
[stylesVariantOutlinedColorDefault(props)]: variant === 'outlined',
|
|
190
|
+
}),
|
|
191
|
+
[className]: !!className,
|
|
192
|
+
}) },
|
|
193
|
+
startContent,
|
|
194
|
+
React.createElement(Typography, { variant: "b3", component: "span", color: "inherit", noWrap: true }, children),
|
|
195
|
+
renderDeleteAction()));
|
|
196
|
+
});
|
|
197
|
+
Chip.displayName = 'Chip';
|
|
198
|
+
Chip.defaultProps = {
|
|
199
|
+
disabled: false,
|
|
200
|
+
variant: 'contained',
|
|
201
|
+
color: 'secondary',
|
|
202
|
+
};
|
|
203
|
+
//# 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,EACL,IAAI,GAGL,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", { ...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,gCACM,KAAK,EACT,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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { Transition } from 'react-transition-group';
|
|
3
3
|
import { css, cx } from '../styles';
|
|
4
|
-
const stylesBase = () => css({
|
|
4
|
+
const stylesBase = (timeout) => css({
|
|
5
5
|
label: 'Collapse',
|
|
6
|
-
transition:
|
|
6
|
+
transition: `height ${timeout}ms cubic-bezier(0.4, 0, 0.2, 1) 0ms`,
|
|
7
7
|
overflowY: 'hidden',
|
|
8
8
|
height: 0,
|
|
9
9
|
});
|
|
@@ -64,16 +64,16 @@ export const Collapse = (props) => {
|
|
|
64
64
|
onExiting();
|
|
65
65
|
}
|
|
66
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",
|
|
68
|
-
[stylesBase()]: true,
|
|
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", { ...other, className: cx({
|
|
68
|
+
[stylesBase(timeout)]: true,
|
|
69
69
|
[stylesEntered()]: state === 'entered',
|
|
70
70
|
[stylesHidden()]: state === 'exited' && !inProp,
|
|
71
71
|
[className]: !!className,
|
|
72
|
-
}), ref: nodeRef }
|
|
72
|
+
}), ref: nodeRef },
|
|
73
73
|
React.createElement("div", { ref: wrapperRef }, children)))));
|
|
74
74
|
};
|
|
75
75
|
Collapse.displayName = 'Collapse';
|
|
76
76
|
Collapse.defaultProps = {
|
|
77
|
-
timeout:
|
|
77
|
+
timeout: 225,
|
|
78
78
|
};
|
|
79
79
|
//# sourceMappingURL=collapse.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapse.js","sourceRoot":"","sources":["../../../src/Collapse/collapse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AA4BpC,MAAM,UAAU,GAAG,
|
|
1
|
+
{"version":3,"file":"collapse.js","sourceRoot":"","sources":["../../../src/Collapse/collapse.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Modal } from '../Modal';
|
|
3
|
+
import { Box } from '../Box';
|
|
4
|
+
import { Fade } from '../Fade';
|
|
5
|
+
import { CircularProgress } from '../CircularProgress';
|
|
6
|
+
import { css, cx } from '../styles';
|
|
7
|
+
const stylesBase = (loading) => css({
|
|
8
|
+
label: 'Dialog',
|
|
9
|
+
width: '100%',
|
|
10
|
+
display: 'flex',
|
|
11
|
+
maxHeight: 'calc(100% - 60px)',
|
|
12
|
+
flexDirection: 'column',
|
|
13
|
+
margin: 'var(--pv-size-base-6)',
|
|
14
|
+
position: 'relative',
|
|
15
|
+
outline: 'none',
|
|
16
|
+
boxShadow: 'var(--pv-shadow-dark-hight)',
|
|
17
|
+
overflow: 'hidden',
|
|
18
|
+
border: 0,
|
|
19
|
+
padding: 0,
|
|
20
|
+
...(loading && {
|
|
21
|
+
'[data-key="dialog.content"]': {
|
|
22
|
+
opacity: 0.5,
|
|
23
|
+
},
|
|
24
|
+
'[data-key="dialog.actions"]': {
|
|
25
|
+
opacity: 0.5,
|
|
26
|
+
},
|
|
27
|
+
}),
|
|
28
|
+
});
|
|
29
|
+
const stylesSizeSmall = () => css({
|
|
30
|
+
label: 'small',
|
|
31
|
+
maxWidth: '310px',
|
|
32
|
+
});
|
|
33
|
+
const stylesSizeMedium = () => css({
|
|
34
|
+
label: 'medium',
|
|
35
|
+
maxWidth: '640px',
|
|
36
|
+
});
|
|
37
|
+
const stylesSizeLarge = () => css({
|
|
38
|
+
label: 'large',
|
|
39
|
+
maxWidth: '1024px',
|
|
40
|
+
});
|
|
41
|
+
const stylesFullScreen = () => css({
|
|
42
|
+
label: 'fullScreen',
|
|
43
|
+
height: '100%',
|
|
44
|
+
margin: 0,
|
|
45
|
+
maxWidth: '100%',
|
|
46
|
+
maxHeight: 'none',
|
|
47
|
+
});
|
|
48
|
+
const stylesModal = () => css({
|
|
49
|
+
label: 'Dialog-modal',
|
|
50
|
+
display: 'flex',
|
|
51
|
+
alignItems: 'center',
|
|
52
|
+
justifyContent: 'center',
|
|
53
|
+
});
|
|
54
|
+
const stylesLoading = () => css({
|
|
55
|
+
label: 'Dialog-loading',
|
|
56
|
+
position: 'absolute',
|
|
57
|
+
inset: '0px',
|
|
58
|
+
display: 'flex',
|
|
59
|
+
alignItems: 'center',
|
|
60
|
+
justifyContent: 'center',
|
|
61
|
+
});
|
|
62
|
+
export const Dialog = React.forwardRef((props, ref) => {
|
|
63
|
+
const { open, children, className, fullScreen, transitionDuration, disableBackdropClick, disableEscapeKeyDown, size, loading, loadingColor, onClose, 'data-testid': dataTestId, ...other } = props;
|
|
64
|
+
return (React.createElement(Modal, { ref: ref, open: open, transitionDuration: transitionDuration, onClose: onClose, "data-testid": dataTestId, className: cx(stylesModal()), disableBackdropClick: loading || disableBackdropClick, disableEscapeKeyDown: loading || disableEscapeKeyDown, backdropProps: {
|
|
65
|
+
invisible: fullScreen,
|
|
66
|
+
} },
|
|
67
|
+
React.createElement(Fade, { in: open, timeout: transitionDuration },
|
|
68
|
+
React.createElement(Box, { ...other, role: "dialog", background: "white", borderRadius: fullScreen ? 0 : 4, className: cx({
|
|
69
|
+
[stylesBase(loading)]: true,
|
|
70
|
+
[stylesSizeSmall()]: size === 'small',
|
|
71
|
+
[stylesSizeMedium()]: size === 'medium',
|
|
72
|
+
[stylesSizeLarge()]: size === 'large',
|
|
73
|
+
[stylesFullScreen()]: fullScreen,
|
|
74
|
+
[className]: !!className,
|
|
75
|
+
}), tabIndex: -1, component: "fieldset", disabled: loading },
|
|
76
|
+
children,
|
|
77
|
+
loading && (React.createElement(Box, { className: cx(stylesLoading()) },
|
|
78
|
+
React.createElement(CircularProgress, { color: loadingColor })))))));
|
|
79
|
+
});
|
|
80
|
+
Dialog.displayName = 'Dialog';
|
|
81
|
+
Dialog.defaultProps = {
|
|
82
|
+
transitionDuration: 225,
|
|
83
|
+
fullScreen: false,
|
|
84
|
+
disableBackdropClick: false,
|
|
85
|
+
disableEscapeKeyDown: false,
|
|
86
|
+
size: 'medium',
|
|
87
|
+
loadingColor: 'secondary',
|
|
88
|
+
};
|
|
89
|
+
//# sourceMappingURL=dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/Dialog/dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { css, cx } from '../styles';
|
|
3
|
+
const stylesBase = () => css({
|
|
4
|
+
label: 'DialogActions',
|
|
5
|
+
padding: 'var(--pv-size-base-3) var(--pv-size-base-4) var(--pv-size-base-4)',
|
|
6
|
+
flex: '0 0 auto',
|
|
7
|
+
display: 'flex',
|
|
8
|
+
alignItems: 'center',
|
|
9
|
+
justifyContent: 'flex-end',
|
|
10
|
+
'& > :not(:first-of-type)': {
|
|
11
|
+
marginLeft: 'var(--pv-size-base-2)',
|
|
12
|
+
},
|
|
13
|
+
});
|
|
14
|
+
export const DialogActions = React.forwardRef((props, ref) => {
|
|
15
|
+
const { children, className, ...other } = props;
|
|
16
|
+
return (React.createElement("footer", { ...other, ref: ref, className: cx({
|
|
17
|
+
[stylesBase()]: true,
|
|
18
|
+
[className]: !!className,
|
|
19
|
+
}), "data-key": "dialog.actions" }, children));
|
|
20
|
+
});
|
|
21
|
+
DialogActions.displayName = 'DialogActions';
|
|
22
|
+
DialogActions.defaultProps = {};
|
|
23
|
+
//# sourceMappingURL=dialog_actions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog_actions.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAepC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,eAAe;IACtB,OAAO,EAAE,mEAAmE;IAC5E,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,UAAU;IAC1B,0BAA0B,EAAE;QAC1B,UAAU,EAAE,uBAAuB;KACpC;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/F,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,mCACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,cACO,gBAAgB,IAExB,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,aAAa,CAAC,YAAY,GAAG,EAAE,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Box } from '../Box';
|
|
3
|
+
import { Collapse } from '../Collapse';
|
|
4
|
+
import { Alert } from '../Alert';
|
|
5
|
+
import { css, cx } from '../styles';
|
|
6
|
+
const stylesBase = () => css({
|
|
7
|
+
label: 'DialogContent',
|
|
8
|
+
flex: '1 1 auto',
|
|
9
|
+
overflow: 'hidden',
|
|
10
|
+
display: 'flex',
|
|
11
|
+
flexDirection: 'column',
|
|
12
|
+
});
|
|
13
|
+
const stylesPinned = () => css({
|
|
14
|
+
label: 'DialogPinnedContent',
|
|
15
|
+
padding: '0 var(--pv-size-base-4)',
|
|
16
|
+
flex: '0 0 auto',
|
|
17
|
+
});
|
|
18
|
+
const stylesScrolled = () => css({
|
|
19
|
+
label: 'DialogScrolledContent',
|
|
20
|
+
overflowY: 'auto',
|
|
21
|
+
flex: '1 1 auto',
|
|
22
|
+
padding: 'var(--pv-size-base-3) var(--pv-size-base-4) var(--pv-size-base-6) var(--pv-size-base-4)',
|
|
23
|
+
});
|
|
24
|
+
const stylesError = () => css({
|
|
25
|
+
label: 'DialogContent-error',
|
|
26
|
+
margin: 'var(--pv-size-base-2) 0',
|
|
27
|
+
padding: 'var(--pv-size-base-2) var(--pv-size-base-3)',
|
|
28
|
+
});
|
|
29
|
+
const stylesCollapse = () => css({
|
|
30
|
+
margin: '0 calc(var(--pv-size-base-3) * -1)',
|
|
31
|
+
});
|
|
32
|
+
export const DialogContent = React.forwardRef((props, ref) => {
|
|
33
|
+
const { children, className, dividers, error, ...other } = props;
|
|
34
|
+
return (React.createElement(Box, { ...other, ref: ref, className: cx({
|
|
35
|
+
[stylesBase()]: true,
|
|
36
|
+
[className]: !!className,
|
|
37
|
+
}), borderColor: "gray-5", borderWidth: dividers ? 1 : 0, borderStyle: "solid", borderPosition: "horizontal", "data-key": "dialog.content" },
|
|
38
|
+
React.createElement("div", { className: cx(stylesPinned()) },
|
|
39
|
+
React.createElement(Collapse, { in: Boolean(error), className: cx(stylesCollapse()) },
|
|
40
|
+
React.createElement(Alert, { variant: "wrong", disableIcon: true, className: cx(stylesError()) }, error))),
|
|
41
|
+
React.createElement("div", { className: cx(stylesScrolled()) }, children)));
|
|
42
|
+
});
|
|
43
|
+
DialogContent.displayName = 'DialogContent';
|
|
44
|
+
DialogContent.defaultProps = {
|
|
45
|
+
dividers: true,
|
|
46
|
+
};
|
|
47
|
+
//# sourceMappingURL=dialog_content.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog_content.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAuBpC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC7B,KAAK,EAAE,qBAAqB;IAC5B,OAAO,EAAE,yBAAyB;IAClC,IAAI,EAAE,UAAU;CACjB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC/B,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,yFAAyF;CACnG,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC5B,KAAK,EAAE,qBAAqB;IAC5B,MAAM,EAAE,yBAAyB;IACjC,OAAO,EAAE,6CAA6C;CACvD,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC/B,MAAM,EAAE,oCAAoC;CAC7C,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/F,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,GAAG,OACE,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,EACF,WAAW,EAAC,QAAQ,EACpB,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7B,WAAW,EAAC,OAAO,EACnB,cAAc,EAAC,YAAY,cAClB,gBAAgB;QAEzB,6BAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,CAAC;YAChC,oBAAC,QAAQ,IACP,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,EAClB,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC;gBAE/B,oBAAC,KAAK,IACJ,OAAO,EAAC,OAAO,EACf,WAAW,QACX,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC,IAE3B,KAAK,CACA,CACC,CACP;QACN,6BAAK,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC,IACjC,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,aAAa,CAAC,YAAY,GAAG;IAC3B,QAAQ,EAAE,IAAI;CACf,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Typography } from '../Typography';
|
|
3
|
+
import { css, cx } from '../styles';
|
|
4
|
+
import { IconButton } from '../IconButton';
|
|
5
|
+
import { CloseIcon } from '../icons';
|
|
6
|
+
const stylesBase = () => css({
|
|
7
|
+
label: 'DialogTitle',
|
|
8
|
+
padding: 'var(--pv-size-base-4) var(--pv-size-base-4) var(--pv-size-base-2)',
|
|
9
|
+
display: 'flex',
|
|
10
|
+
flex: '0 0 auto',
|
|
11
|
+
justifyContent: 'space-between',
|
|
12
|
+
});
|
|
13
|
+
const stylesCloseButton = () => css({
|
|
14
|
+
label: 'DialogTitle-close',
|
|
15
|
+
margin: '0 calc(var(--pv-size-base) * -1) 0 var(--pv-size-base-2)',
|
|
16
|
+
});
|
|
17
|
+
export const DialogTitle = React.forwardRef((props, ref) => {
|
|
18
|
+
const { children, className, onClose, ...other } = props;
|
|
19
|
+
return (React.createElement("header", { ...other, ref: ref, className: cx({
|
|
20
|
+
[stylesBase()]: true,
|
|
21
|
+
[className]: !!className,
|
|
22
|
+
}), "data-key": "dialog.title" },
|
|
23
|
+
React.createElement(Typography, { variant: "h4", color: "black" }, children),
|
|
24
|
+
onClose && (React.createElement(IconButton, { size: "small", onClick: onClose, className: cx(stylesCloseButton()) },
|
|
25
|
+
React.createElement(CloseIcon, null)))));
|
|
26
|
+
});
|
|
27
|
+
DialogTitle.displayName = 'DialogTitle';
|
|
28
|
+
DialogTitle.defaultProps = {};
|
|
29
|
+
//# sourceMappingURL=dialog_title.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog_title.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAmBrC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,aAAa;IACpB,OAAO,EAAE,mEAAmE;IAC5E,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,UAAU;IAChB,cAAc,EAAE,eAAe;CAChC,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAClC,KAAK,EAAE,mBAAmB;IAC1B,MAAM,EAAE,0DAA0D;CACnE,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3F,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,mCACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,cACO,cAAc;QAEvB,oBAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,OAAO,IAEZ,QAAQ,CACE;QAEZ,OAAO,IAAI,CACV,oBAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,CAAC;YAElC,oBAAC,SAAS,OAAG,CACF,CACd,CACM,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,WAAW,CAAC,YAAY,GAAG,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -11,18 +11,21 @@ const stylesBase = () => css({
|
|
|
11
11
|
top: 0,
|
|
12
12
|
right: 0,
|
|
13
13
|
overflowY: 'auto',
|
|
14
|
+
outline: 'none',
|
|
14
15
|
});
|
|
15
16
|
export const Drawer = React.forwardRef((props, ref) => {
|
|
16
|
-
const { children, className, open, transitionDuration, onClose, dataTestId, ...other } = props;
|
|
17
|
-
return (React.createElement(Modal, { ref: ref, open: open, transitionDuration: transitionDuration,
|
|
17
|
+
const { children, className, open, transitionDuration, disableBackdropClick, disableEscapeKeyDown, onClose, 'data-testid': dataTestId, ...other } = props;
|
|
18
|
+
return (React.createElement(Modal, { ref: ref, open: open, transitionDuration: transitionDuration, onClose: onClose, "data-testid": dataTestId, disableBackdropClick: disableBackdropClick, disableEscapeKeyDown: disableEscapeKeyDown, keepMounted: true },
|
|
18
19
|
React.createElement(Slide, { in: open, timeout: transitionDuration },
|
|
19
|
-
React.createElement(Box,
|
|
20
|
+
React.createElement(Box, { ...other, background: "white", className: cx({
|
|
20
21
|
[stylesBase()]: true,
|
|
21
22
|
[className]: !!className,
|
|
22
|
-
}) }
|
|
23
|
+
}), tabIndex: -1 }, children))));
|
|
23
24
|
});
|
|
24
25
|
Drawer.displayName = 'Drawer';
|
|
25
26
|
Drawer.defaultProps = {
|
|
26
|
-
|
|
27
|
+
transitionDuration: 225,
|
|
28
|
+
disableBackdropClick: false,
|
|
29
|
+
disableEscapeKeyDown: false,
|
|
27
30
|
};
|
|
28
31
|
//# sourceMappingURL=drawer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/Drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/Drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAoCpC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,OAAO,EACP,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,OAAO,iBACH,UAAU,EACvB,oBAAoB,EAAE,oBAAoB,EAC1C,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW;QAEX,oBAAC,KAAK,IACJ,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,kBAAkB;YAE3B,oBAAC,GAAG,OACE,KAAK,EACT,UAAU,EAAC,OAAO,EAClB,SAAS,EAAE,EAAE,CAAC;oBACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;oBACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;iBACzB,CAAC,EACF,QAAQ,EAAE,CAAC,CAAC,IAEX,QAAQ,CACL,CACA,CACF,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,YAAY,GAAG;IACpB,kBAAkB,EAAE,GAAG;IACvB,oBAAoB,EAAE,KAAK;IAC3B,oBAAoB,EAAE,KAAK;CAC5B,CAAC"}
|