@peculiar/react-components 0.3.14 → 0.3.15-alpha.1
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/dist/cjs/Alert/alert.js +25 -21
- package/dist/cjs/Alert/alert.js.map +1 -1
- package/dist/cjs/Autocomplete/autocomplete.js +74 -97
- package/dist/cjs/Autocomplete/autocomplete.js.map +1 -1
- package/dist/cjs/Avatar/avatar.js +22 -32
- package/dist/cjs/Avatar/avatar.js.map +1 -1
- package/dist/cjs/Backdrop/backdrop.js +18 -22
- package/dist/cjs/Backdrop/backdrop.js.map +1 -1
- package/dist/cjs/Box/box.js +31 -48
- package/dist/cjs/Box/box.js.map +1 -1
- package/dist/cjs/Button/button.js +16 -28
- package/dist/cjs/Button/button.js.map +1 -1
- package/dist/cjs/ButtonBase/button_base.js +110 -178
- package/dist/cjs/ButtonBase/button_base.js.map +1 -1
- package/dist/cjs/Checkbox/checkbox.js +14 -28
- package/dist/cjs/Checkbox/checkbox.js.map +1 -1
- package/dist/cjs/Chip/chip.js +78 -111
- package/dist/cjs/Chip/chip.js.map +1 -1
- package/dist/cjs/CircularProgress/circular_progress.js +24 -28
- package/dist/cjs/CircularProgress/circular_progress.js.map +1 -1
- package/dist/cjs/Collapse/collapse.js +23 -19
- package/dist/cjs/Collapse/collapse.js.map +1 -1
- package/dist/cjs/Dialog/dialog.js +28 -33
- package/dist/cjs/Dialog/dialog.js.map +1 -1
- package/dist/cjs/Dialog/dialog_actions.js +14 -10
- package/dist/cjs/Dialog/dialog_actions.js.map +1 -1
- package/dist/cjs/Dialog/dialog_content.js +18 -29
- package/dist/cjs/Dialog/dialog_content.js.map +1 -1
- package/dist/cjs/Dialog/dialog_title.js +17 -14
- package/dist/cjs/Dialog/dialog_title.js.map +1 -1
- package/dist/cjs/Drawer/drawer.js +18 -10
- package/dist/cjs/Drawer/drawer.js.map +1 -1
- package/dist/cjs/Fab/fab.js +6 -22
- package/dist/cjs/Fab/fab.js.map +1 -1
- package/dist/cjs/IconButton/icon_button.js +8 -9
- package/dist/cjs/IconButton/icon_button.js.map +1 -1
- package/dist/cjs/Image/image.js +3 -0
- package/dist/cjs/Image/image.js.map +1 -1
- package/dist/cjs/LinearProgress/linear_progress.js +19 -15
- package/dist/cjs/LinearProgress/linear_progress.js.map +1 -1
- package/dist/cjs/Menu/menu.js +7 -12
- package/dist/cjs/Menu/menu.js.map +1 -1
- package/dist/cjs/MenuList/menu_item.js +15 -18
- package/dist/cjs/MenuList/menu_item.js.map +1 -1
- package/dist/cjs/MenuList/menu_list.js +5 -10
- package/dist/cjs/MenuList/menu_list.js.map +1 -1
- package/dist/cjs/MenuList/sub_menu_item.js +4 -5
- package/dist/cjs/MenuList/sub_menu_item.js.map +1 -1
- package/dist/cjs/Modal/modal.js +21 -21
- package/dist/cjs/Modal/modal.js.map +1 -1
- package/dist/cjs/Popover/popover.js +14 -13
- package/dist/cjs/Popover/popover.js.map +1 -1
- package/dist/cjs/Radio/radio.js +17 -28
- package/dist/cjs/Radio/radio.js.map +1 -1
- package/dist/cjs/Select/select.js +36 -81
- package/dist/cjs/Select/select.js.map +1 -1
- package/dist/cjs/Skeleton/skeleton.js +12 -10
- package/dist/cjs/Skeleton/skeleton.js.map +1 -1
- package/dist/cjs/Slider/slider.js +20 -14
- package/dist/cjs/Slider/slider.js.map +1 -1
- package/dist/cjs/Switch/switch.js +26 -17
- package/dist/cjs/Switch/switch.js.map +1 -1
- package/dist/cjs/Tabs/tab.js +9 -11
- package/dist/cjs/Tabs/tab.js.map +1 -1
- package/dist/cjs/Tabs/tabs.js +17 -10
- package/dist/cjs/Tabs/tabs.js.map +1 -1
- package/dist/cjs/TextField/text_field.js +32 -57
- package/dist/cjs/TextField/text_field.js.map +1 -1
- package/dist/cjs/TextareaField/textarea_field.js +30 -64
- package/dist/cjs/TextareaField/textarea_field.js.map +1 -1
- package/dist/cjs/Toast/toast.js +4 -1
- package/dist/cjs/Toast/toast.js.map +1 -1
- package/dist/cjs/Toast/toast_container.js +17 -10
- package/dist/cjs/Toast/toast_container.js.map +1 -1
- package/dist/cjs/Tooltip/tooltip.js +19 -23
- package/dist/cjs/Tooltip/tooltip.js.map +1 -1
- package/dist/cjs/Typography/typography.js +11 -28
- package/dist/cjs/Typography/typography.js.map +1 -1
- package/dist/cjs/styles/default_theme.js +13 -141
- package/dist/cjs/styles/default_theme.js.map +1 -1
- package/dist/cjs/styles/foundations/colors.js +69 -0
- package/dist/cjs/styles/foundations/colors.js.map +1 -0
- package/dist/cjs/styles/foundations/index.js +34 -0
- package/dist/cjs/styles/foundations/index.js.map +1 -0
- package/dist/cjs/styles/foundations/shadow.js +11 -0
- package/dist/cjs/styles/foundations/shadow.js.map +1 -0
- package/dist/cjs/styles/{sizes/base.js → foundations/sizes.js} +5 -5
- package/dist/cjs/styles/foundations/sizes.js.map +1 -0
- package/dist/cjs/styles/foundations/text.js +132 -0
- package/dist/cjs/styles/foundations/text.js.map +1 -0
- package/dist/cjs/styles/index.js +3 -7
- package/dist/cjs/styles/index.js.map +1 -1
- package/dist/cjs/styles/theme_provider.js +12 -8
- package/dist/cjs/styles/theme_provider.js.map +1 -1
- package/dist/cjs/styles/utils.js +40 -19
- package/dist/cjs/styles/utils.js.map +1 -1
- package/dist/esm/Alert/alert.js +22 -21
- package/dist/esm/Alert/alert.js.map +1 -1
- package/dist/esm/Autocomplete/autocomplete.js +74 -97
- package/dist/esm/Autocomplete/autocomplete.js.map +1 -1
- package/dist/esm/Avatar/avatar.js +19 -32
- package/dist/esm/Avatar/avatar.js.map +1 -1
- package/dist/esm/Backdrop/backdrop.js +15 -22
- package/dist/esm/Backdrop/backdrop.js.map +1 -1
- package/dist/esm/Box/box.js +28 -48
- package/dist/esm/Box/box.js.map +1 -1
- package/dist/esm/Button/button.js +13 -28
- package/dist/esm/Button/button.js.map +1 -1
- package/dist/esm/ButtonBase/button_base.js +107 -178
- package/dist/esm/ButtonBase/button_base.js.map +1 -1
- package/dist/esm/Checkbox/checkbox.js +11 -28
- package/dist/esm/Checkbox/checkbox.js.map +1 -1
- package/dist/esm/Chip/chip.js +75 -111
- package/dist/esm/Chip/chip.js.map +1 -1
- package/dist/esm/CircularProgress/circular_progress.js +22 -26
- package/dist/esm/CircularProgress/circular_progress.js.map +1 -1
- package/dist/esm/Collapse/collapse.js +20 -19
- package/dist/esm/Collapse/collapse.js.map +1 -1
- package/dist/esm/Dialog/dialog.js +28 -33
- package/dist/esm/Dialog/dialog.js.map +1 -1
- package/dist/esm/Dialog/dialog_actions.js +14 -10
- package/dist/esm/Dialog/dialog_actions.js.map +1 -1
- package/dist/esm/Dialog/dialog_content.js +18 -29
- package/dist/esm/Dialog/dialog_content.js.map +1 -1
- package/dist/esm/Dialog/dialog_title.js +17 -14
- package/dist/esm/Dialog/dialog_title.js.map +1 -1
- package/dist/esm/Drawer/drawer.js +15 -10
- package/dist/esm/Drawer/drawer.js.map +1 -1
- package/dist/esm/Fab/fab.js +4 -23
- package/dist/esm/Fab/fab.js.map +1 -1
- package/dist/esm/IconButton/icon_button.js +5 -9
- package/dist/esm/IconButton/icon_button.js.map +1 -1
- package/dist/esm/Image/image.js +3 -0
- package/dist/esm/Image/image.js.map +1 -1
- package/dist/esm/LinearProgress/linear_progress.js +18 -14
- package/dist/esm/LinearProgress/linear_progress.js.map +1 -1
- package/dist/esm/Menu/menu.js +7 -12
- package/dist/esm/Menu/menu.js.map +1 -1
- package/dist/esm/MenuList/menu_item.js +15 -18
- package/dist/esm/MenuList/menu_item.js.map +1 -1
- package/dist/esm/MenuList/menu_list.js +5 -10
- package/dist/esm/MenuList/menu_list.js.map +1 -1
- package/dist/esm/MenuList/sub_menu_item.js +4 -5
- package/dist/esm/MenuList/sub_menu_item.js.map +1 -1
- package/dist/esm/Modal/modal.js +18 -21
- package/dist/esm/Modal/modal.js.map +1 -1
- package/dist/esm/Popover/popover.js +14 -13
- package/dist/esm/Popover/popover.js.map +1 -1
- package/dist/esm/Radio/radio.js +14 -28
- package/dist/esm/Radio/radio.js.map +1 -1
- package/dist/esm/Select/select.js +33 -81
- package/dist/esm/Select/select.js.map +1 -1
- package/dist/esm/Skeleton/skeleton.js +8 -9
- package/dist/esm/Skeleton/skeleton.js.map +1 -1
- package/dist/esm/Slider/slider.js +17 -14
- package/dist/esm/Slider/slider.js.map +1 -1
- package/dist/esm/Switch/switch.js +23 -17
- package/dist/esm/Switch/switch.js.map +1 -1
- package/dist/esm/Tabs/tab.js +6 -11
- package/dist/esm/Tabs/tab.js.map +1 -1
- package/dist/esm/Tabs/tabs.js +14 -10
- package/dist/esm/Tabs/tabs.js.map +1 -1
- package/dist/esm/TextField/text_field.js +29 -57
- package/dist/esm/TextField/text_field.js.map +1 -1
- package/dist/esm/TextareaField/textarea_field.js +27 -64
- package/dist/esm/TextareaField/textarea_field.js.map +1 -1
- package/dist/esm/Toast/toast.js +4 -1
- package/dist/esm/Toast/toast.js.map +1 -1
- package/dist/esm/Toast/toast_container.js +14 -10
- package/dist/esm/Toast/toast_container.js.map +1 -1
- package/dist/esm/Tooltip/tooltip.js +18 -22
- package/dist/esm/Tooltip/tooltip.js.map +1 -1
- package/dist/esm/Typography/typography.js +8 -28
- package/dist/esm/Typography/typography.js.map +1 -1
- package/dist/esm/styles/default_theme.js +12 -140
- package/dist/esm/styles/default_theme.js.map +1 -1
- package/dist/esm/styles/foundations/colors.js +65 -0
- package/dist/esm/styles/foundations/colors.js.map +1 -0
- package/dist/esm/styles/foundations/index.js +6 -0
- package/dist/esm/styles/foundations/index.js.map +1 -0
- package/dist/esm/styles/foundations/shadow.js +8 -0
- package/dist/esm/styles/foundations/shadow.js.map +1 -0
- package/dist/esm/styles/{sizes/base.js → foundations/sizes.js} +3 -3
- package/dist/esm/styles/foundations/sizes.js.map +1 -0
- package/dist/esm/styles/foundations/text.js +129 -0
- package/dist/esm/styles/foundations/text.js.map +1 -0
- package/dist/esm/styles/index.js +1 -2
- package/dist/esm/styles/index.js.map +1 -1
- package/dist/esm/styles/theme_provider.js +13 -9
- package/dist/esm/styles/theme_provider.js.map +1 -1
- package/dist/esm/styles/utils.js +38 -17
- package/dist/esm/styles/utils.js.map +1 -1
- package/dist/esnext/Alert/alert.js +21 -20
- package/dist/esnext/Alert/alert.js.map +1 -1
- package/dist/esnext/Autocomplete/autocomplete.js +66 -86
- package/dist/esnext/Autocomplete/autocomplete.js.map +1 -1
- package/dist/esnext/Avatar/avatar.js +28 -30
- package/dist/esnext/Avatar/avatar.js.map +1 -1
- package/dist/esnext/Backdrop/backdrop.js +22 -19
- package/dist/esnext/Backdrop/backdrop.js.map +1 -1
- package/dist/esnext/Box/box.js +27 -46
- package/dist/esnext/Box/box.js.map +1 -1
- package/dist/esnext/Button/button.js +36 -48
- package/dist/esnext/Button/button.js.map +1 -1
- package/dist/esnext/ButtonBase/button_base.js +106 -176
- package/dist/esnext/ButtonBase/button_base.js.map +1 -1
- package/dist/esnext/Checkbox/checkbox.js +8 -24
- package/dist/esnext/Checkbox/checkbox.js.map +1 -1
- package/dist/esnext/Chip/chip.js +82 -123
- package/dist/esnext/Chip/chip.js.map +1 -1
- package/dist/esnext/CircularProgress/circular_progress.js +30 -32
- package/dist/esnext/CircularProgress/circular_progress.js.map +1 -1
- package/dist/esnext/Collapse/collapse.js +29 -25
- package/dist/esnext/Collapse/collapse.js.map +1 -1
- package/dist/esnext/Dialog/dialog.js +38 -39
- package/dist/esnext/Dialog/dialog.js.map +1 -1
- package/dist/esnext/Dialog/dialog_actions.js +13 -8
- package/dist/esnext/Dialog/dialog_actions.js.map +1 -1
- package/dist/esnext/Dialog/dialog_content.js +14 -24
- package/dist/esnext/Dialog/dialog_content.js.map +1 -1
- package/dist/esnext/Dialog/dialog_title.js +15 -11
- package/dist/esnext/Dialog/dialog_title.js.map +1 -1
- package/dist/esnext/Drawer/drawer.js +14 -8
- package/dist/esnext/Drawer/drawer.js.map +1 -1
- package/dist/esnext/Fab/fab.js +3 -10
- package/dist/esnext/Fab/fab.js.map +1 -1
- package/dist/esnext/IconButton/icon_button.js +4 -7
- package/dist/esnext/IconButton/icon_button.js.map +1 -1
- package/dist/esnext/Image/image.js +3 -0
- package/dist/esnext/Image/image.js.map +1 -1
- package/dist/esnext/LinearProgress/linear_progress.js +16 -11
- package/dist/esnext/LinearProgress/linear_progress.js.map +1 -1
- package/dist/esnext/Menu/menu.js +5 -9
- package/dist/esnext/Menu/menu.js.map +1 -1
- package/dist/esnext/MenuList/menu_item.js +13 -16
- package/dist/esnext/MenuList/menu_item.js.map +1 -1
- package/dist/esnext/MenuList/menu_list.js +4 -8
- package/dist/esnext/MenuList/menu_list.js.map +1 -1
- package/dist/esnext/MenuList/sub_menu_item.js +3 -4
- package/dist/esnext/MenuList/sub_menu_item.js.map +1 -1
- package/dist/esnext/Modal/modal.js +20 -14
- package/dist/esnext/Modal/modal.js.map +1 -1
- package/dist/esnext/Popover/popover.js +10 -8
- package/dist/esnext/Popover/popover.js.map +1 -1
- package/dist/esnext/Radio/radio.js +11 -24
- package/dist/esnext/Radio/radio.js.map +1 -1
- package/dist/esnext/Select/select.js +41 -54
- package/dist/esnext/Select/select.js.map +1 -1
- package/dist/esnext/Skeleton/skeleton.js +8 -9
- package/dist/esnext/Skeleton/skeleton.js.map +1 -1
- package/dist/esnext/Slider/slider.js +15 -11
- package/dist/esnext/Slider/slider.js.map +1 -1
- package/dist/esnext/Switch/switch.js +21 -14
- package/dist/esnext/Switch/switch.js.map +1 -1
- package/dist/esnext/Tabs/tab.js +5 -9
- package/dist/esnext/Tabs/tab.js.map +1 -1
- package/dist/esnext/Tabs/tabs.js +13 -8
- package/dist/esnext/Tabs/tabs.js.map +1 -1
- package/dist/esnext/TextField/text_field.js +30 -36
- package/dist/esnext/TextField/text_field.js.map +1 -1
- package/dist/esnext/TextareaField/textarea_field.js +32 -41
- package/dist/esnext/TextareaField/textarea_field.js.map +1 -1
- package/dist/esnext/Toast/toast.js +4 -1
- package/dist/esnext/Toast/toast.js.map +1 -1
- package/dist/esnext/Toast/toast_container.js +13 -8
- package/dist/esnext/Toast/toast_container.js.map +1 -1
- package/dist/esnext/Tooltip/tooltip.js +15 -17
- package/dist/esnext/Tooltip/tooltip.js.map +1 -1
- package/dist/esnext/Typography/typography.js +18 -29
- package/dist/esnext/Typography/typography.js.map +1 -1
- package/dist/esnext/styles/default_theme.js +38 -139
- package/dist/esnext/styles/default_theme.js.map +1 -1
- package/dist/esnext/styles/foundations/colors.js +64 -0
- package/dist/esnext/styles/foundations/colors.js.map +1 -0
- package/dist/esnext/styles/foundations/index.js +6 -0
- package/dist/esnext/styles/foundations/index.js.map +1 -0
- package/dist/esnext/styles/foundations/shadow.js +8 -0
- package/dist/esnext/styles/foundations/shadow.js.map +1 -0
- package/dist/esnext/styles/{sizes/base.js → foundations/sizes.js} +3 -3
- package/dist/esnext/styles/foundations/sizes.js.map +1 -0
- package/dist/esnext/styles/foundations/text.js +129 -0
- package/dist/esnext/styles/foundations/text.js.map +1 -0
- package/dist/esnext/styles/index.js +1 -2
- package/dist/esnext/styles/index.js.map +1 -1
- package/dist/esnext/styles/theme_provider.js +13 -9
- package/dist/esnext/styles/theme_provider.js.map +1 -1
- package/dist/esnext/styles/utils.js +46 -25
- package/dist/esnext/styles/utils.js.map +1 -1
- package/dist/types/Alert/alert.d.ts +9 -4
- package/dist/types/Autocomplete/autocomplete.d.ts +2 -2
- package/dist/types/Avatar/avatar.d.ts +7 -5
- package/dist/types/Backdrop/backdrop.d.ts +6 -3
- package/dist/types/Checkbox/checkbox.d.ts +4 -5
- package/dist/types/CircularProgress/circular_progress.d.ts +6 -6
- package/dist/types/Collapse/collapse.d.ts +9 -3
- package/dist/types/Dialog/dialog.d.ts +8 -2
- package/dist/types/Dialog/dialog_actions.d.ts +8 -2
- package/dist/types/Dialog/dialog_content.d.ts +2 -2
- package/dist/types/Dialog/dialog_title.d.ts +8 -2
- package/dist/types/Drawer/drawer.d.ts +8 -2
- package/dist/types/IconButton/icon_button.d.ts +2 -2
- package/dist/types/Image/image.d.ts +8 -3
- package/dist/types/LinearProgress/linear_progress.d.ts +8 -2
- package/dist/types/Menu/menu.d.ts +5 -5
- package/dist/types/Modal/modal.d.ts +9 -4
- package/dist/types/Popover/popover.d.ts +3 -0
- package/dist/types/Radio/radio.d.ts +7 -5
- package/dist/types/Select/select.d.ts +8 -3
- package/dist/types/Slider/slider.d.ts +9 -4
- package/dist/types/Switch/switch.d.ts +9 -4
- package/dist/types/Tabs/tabs.d.ts +8 -2
- package/dist/types/TextField/text_field.d.ts +8 -3
- package/dist/types/TextareaField/textarea_field.d.ts +9 -4
- package/dist/types/Toast/toast.d.ts +8 -2
- package/dist/types/Toast/toast_container.d.ts +8 -2
- package/dist/types/Tooltip/index.d.ts +1 -1
- package/dist/types/Tooltip/tooltip.d.ts +2 -2
- package/dist/types/styles/default_theme.d.ts +2 -1
- package/dist/types/styles/foundations/colors.d.ts +64 -0
- package/dist/types/styles/foundations/index.d.ts +4 -0
- package/dist/types/styles/foundations/shadow.d.ts +7 -0
- package/dist/types/styles/{sizes/base.d.ts → foundations/sizes.d.ts} +2 -2
- package/dist/types/styles/foundations/text.d.ts +128 -0
- package/dist/types/styles/index.d.ts +1 -2
- package/dist/types/styles/theme_provider.d.ts +7 -0
- package/dist/types/styles/types.d.ts +1 -1
- package/dist/types/styles/utils.d.ts +2 -28
- package/package.json +15 -22
- package/dist/cjs/styles/colors/additional.js +0 -8
- package/dist/cjs/styles/colors/additional.js.map +0 -1
- package/dist/cjs/styles/colors/attention.js +0 -24
- package/dist/cjs/styles/colors/attention.js.map +0 -1
- package/dist/cjs/styles/colors/grayscale.js +0 -18
- package/dist/cjs/styles/colors/grayscale.js.map +0 -1
- package/dist/cjs/styles/colors/index.js +0 -23
- package/dist/cjs/styles/colors/index.js.map +0 -1
- package/dist/cjs/styles/colors/primary.js +0 -24
- package/dist/cjs/styles/colors/primary.js.map +0 -1
- package/dist/cjs/styles/colors/secondary.js +0 -24
- package/dist/cjs/styles/colors/secondary.js.map +0 -1
- package/dist/cjs/styles/colors/success.js +0 -24
- package/dist/cjs/styles/colors/success.js.map +0 -1
- package/dist/cjs/styles/colors/wrong.js +0 -24
- package/dist/cjs/styles/colors/wrong.js.map +0 -1
- package/dist/cjs/styles/css.js +0 -13
- package/dist/cjs/styles/css.js.map +0 -1
- package/dist/cjs/styles/sizes/base.js.map +0 -1
- package/dist/cjs/styles/sizes/index.js +0 -7
- package/dist/cjs/styles/sizes/index.js.map +0 -1
- package/dist/esm/styles/colors/additional.js +0 -5
- package/dist/esm/styles/colors/additional.js.map +0 -1
- package/dist/esm/styles/colors/attention.js +0 -20
- package/dist/esm/styles/colors/attention.js.map +0 -1
- package/dist/esm/styles/colors/grayscale.js +0 -15
- package/dist/esm/styles/colors/grayscale.js.map +0 -1
- package/dist/esm/styles/colors/index.js +0 -8
- package/dist/esm/styles/colors/index.js.map +0 -1
- package/dist/esm/styles/colors/primary.js +0 -20
- package/dist/esm/styles/colors/primary.js.map +0 -1
- package/dist/esm/styles/colors/secondary.js +0 -20
- package/dist/esm/styles/colors/secondary.js.map +0 -1
- package/dist/esm/styles/colors/success.js +0 -20
- package/dist/esm/styles/colors/success.js.map +0 -1
- package/dist/esm/styles/colors/wrong.js +0 -20
- package/dist/esm/styles/colors/wrong.js.map +0 -1
- package/dist/esm/styles/css.js +0 -7
- package/dist/esm/styles/css.js.map +0 -1
- package/dist/esm/styles/sizes/base.js.map +0 -1
- package/dist/esm/styles/sizes/index.js +0 -2
- package/dist/esm/styles/sizes/index.js.map +0 -1
- package/dist/esnext/styles/colors/additional.js +0 -5
- package/dist/esnext/styles/colors/additional.js.map +0 -1
- package/dist/esnext/styles/colors/attention.js +0 -19
- package/dist/esnext/styles/colors/attention.js.map +0 -1
- package/dist/esnext/styles/colors/grayscale.js +0 -15
- package/dist/esnext/styles/colors/grayscale.js.map +0 -1
- package/dist/esnext/styles/colors/index.js +0 -8
- package/dist/esnext/styles/colors/index.js.map +0 -1
- package/dist/esnext/styles/colors/primary.js +0 -19
- package/dist/esnext/styles/colors/primary.js.map +0 -1
- package/dist/esnext/styles/colors/secondary.js +0 -19
- package/dist/esnext/styles/colors/secondary.js.map +0 -1
- package/dist/esnext/styles/colors/success.js +0 -19
- package/dist/esnext/styles/colors/success.js.map +0 -1
- package/dist/esnext/styles/colors/wrong.js +0 -19
- package/dist/esnext/styles/colors/wrong.js.map +0 -1
- package/dist/esnext/styles/css.js +0 -6
- package/dist/esnext/styles/css.js.map +0 -1
- package/dist/esnext/styles/sizes/base.js.map +0 -1
- package/dist/esnext/styles/sizes/index.js +0 -2
- package/dist/esnext/styles/sizes/index.js.map +0 -1
- package/dist/types/styles/colors/additional.d.ts +0 -4
- package/dist/types/styles/colors/attention.d.ts +0 -26
- package/dist/types/styles/colors/grayscale.d.ts +0 -14
- package/dist/types/styles/colors/index.d.ts +0 -7
- package/dist/types/styles/colors/primary.d.ts +0 -26
- package/dist/types/styles/colors/secondary.d.ts +0 -26
- package/dist/types/styles/colors/success.d.ts +0 -26
- package/dist/types/styles/colors/wrong.d.ts +0 -26
- package/dist/types/styles/css.d.ts +0 -10
- package/dist/types/styles/sizes/index.d.ts +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/Select/select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/Select/select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,7 +25,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
25
25
|
return t;
|
|
26
26
|
};
|
|
27
27
|
import * as React from 'react';
|
|
28
|
-
import {
|
|
28
|
+
import { keyframes } from '@emotion/react';
|
|
29
|
+
import styled from '@emotion/styled';
|
|
29
30
|
import { Box } from '../Box';
|
|
30
31
|
/**
|
|
31
32
|
*
|
|
@@ -34,7 +35,9 @@ import { Box } from '../Box';
|
|
|
34
35
|
* Styles.
|
|
35
36
|
*/
|
|
36
37
|
var pulseKeyframe = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n"], ["\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n"])));
|
|
37
|
-
var
|
|
38
|
+
var SkeletonRoot = styled(Box, {
|
|
39
|
+
shouldForwardProp: function (prop) { return !['width', 'height'].includes(prop); },
|
|
40
|
+
})(function (props) { return (__assign(__assign(__assign(__assign(__assign({ display: 'block', height: '1.2em', animation: "".concat(pulseKeyframe, " 1.5s ease-in-out 0.5s infinite") }, (props.variant === 'text' && {
|
|
38
41
|
marginTop: 0,
|
|
39
42
|
marginBottom: 0,
|
|
40
43
|
height: 'auto',
|
|
@@ -56,17 +59,13 @@ var stylesBase = function (props) { return css(__assign(__assign(__assign(__assi
|
|
|
56
59
|
height: props.height,
|
|
57
60
|
})), (props.width && {
|
|
58
61
|
width: props.width,
|
|
59
|
-
}))); };
|
|
62
|
+
}))); });
|
|
60
63
|
/**
|
|
61
64
|
*
|
|
62
65
|
*/
|
|
63
66
|
export var Skeleton = React.forwardRef(function (props, ref) {
|
|
64
|
-
var
|
|
65
|
-
|
|
66
|
-
return (React.createElement(Box, __assign({ ref: ref, className: cx((_a = {},
|
|
67
|
-
_a[stylesBase(props)] = true,
|
|
68
|
-
_a[className] = !!className,
|
|
69
|
-
_a)) }, other), children));
|
|
67
|
+
var children = props.children, other = __rest(props, ["children"]);
|
|
68
|
+
return (React.createElement(SkeletonRoot, __assign({ ref: ref }, other), children));
|
|
70
69
|
});
|
|
71
70
|
Skeleton.displayName = 'Skeleton';
|
|
72
71
|
Skeleton.defaultProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../src/Skeleton/skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../src/Skeleton/skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAmC7B;;GAEG;AAEH;;GAEG;AACH,IAAM,aAAa,GAAG,SAAS,sKAAA,mGAU9B,IAAA,CAAC;AAEF,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,EAAE;IAC/B,iBAAiB,EAAE,UAAC,IAAI,IAAK,OAAA,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAnC,CAAmC;CACjE,CAAC,CAAgB,UAAC,KAAK,IAAK,OAAA,gDAC3B,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,OAAO,EACf,SAAS,EAAE,UAAG,aAAa,oCAAiC,IACzD,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI;IAC9B,SAAS,EAAE,CAAC;IACZ,YAAY,EAAE,CAAC;IACf,MAAM,EAAE,MAAM;IACd,eAAe,EAAE,OAAO;IACxB,SAAS,EAAE,gBAAgB;IAC3B,YAAY,EAAE,KAAK;IACnB,gBAAgB,EAAE;QAChB,OAAO,EAAE,UAAU;KACpB;CACF,CAAC,GACC,CAAC,KAAK,CAAC,OAAO,KAAK,QAAQ,IAAI;IAChC,YAAY,EAAE,KAAK;CACpB,CAAC,GACC,CAAC,KAAK,CAAC,QAAQ,wBAChB,OAAO,EAAE;QACP,UAAU,EAAE,QAAQ;KACrB,IAEE,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI;IAClB,QAAQ,EAAE,aAAa;CACxB,CAAC,GACC,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI;IACnB,MAAM,EAAE,MAAM;CACf,CAAC,CACH,CAAC,GACC,CAAC,KAAK,CAAC,MAAM,IAAI;IAClB,MAAM,EAAE,KAAK,CAAC,MAAM;CACrB,CAAC,GACC,CAAC,KAAK,CAAC,KAAK,IAAI;IACjB,KAAK,EAAE,KAAK,CAAC,KAAK;CACnB,CAAC,EACF,EApC2B,CAoC3B,CAAC,CAAC;AACJ;;GAEG;AAEH,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAqB,UAAC,KAAK,EAAE,GAAG;IAEpE,IAAA,QAAQ,GAEN,KAAK,SAFC,EACL,KAAK,UACN,KAAK,EAHH,YAGL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,YAAY,aACX,GAAG,EAAE,GAAqB,IACtB,KAAK,GAER,QAAQ,CACI,CAChB,CAAC;AACJ,CAAC,CAA0C,CAAC;AAE5C,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,QAAQ,CAAC,YAAY,GAAG;IACtB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC"}
|
|
@@ -21,14 +21,18 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import * as React from 'react';
|
|
24
|
-
import
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
import styled from '@emotion/styled';
|
|
25
|
+
/**
|
|
26
|
+
*
|
|
27
|
+
*/
|
|
28
|
+
/**
|
|
29
|
+
* Styles.
|
|
30
|
+
*/
|
|
31
|
+
var SliderRoot = styled('div')({
|
|
27
32
|
height: '16px',
|
|
28
33
|
width: '100%',
|
|
29
|
-
});
|
|
30
|
-
var
|
|
31
|
-
label: 'Slider-input',
|
|
34
|
+
});
|
|
35
|
+
var SliderInput = styled('input')({
|
|
32
36
|
appearance: 'none',
|
|
33
37
|
width: '100%',
|
|
34
38
|
height: '100%',
|
|
@@ -79,15 +83,14 @@ var stylesInput = function () { return css({
|
|
|
79
83
|
borderColor: 'var(--pv-color-gray-8)',
|
|
80
84
|
},
|
|
81
85
|
},
|
|
82
|
-
});
|
|
86
|
+
});
|
|
87
|
+
/**
|
|
88
|
+
*
|
|
89
|
+
*/
|
|
83
90
|
export var Slider = React.forwardRef(function (props, ref) {
|
|
84
|
-
var
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
_a[stylesBase()] = true,
|
|
88
|
-
_a[className] = !!className,
|
|
89
|
-
_a)) }),
|
|
90
|
-
React.createElement("input", { type: "range", name: name, min: min, max: max, step: step, className: cx(stylesInput()), value: value, defaultValue: defaultValue, onChange: onChange, disabled: disabled })));
|
|
91
|
+
var defaultValue = props.defaultValue, value = props.value, disabled = props.disabled, max = props.max, min = props.min, name = props.name, step = props.step, onChange = props.onChange, other = __rest(props, ["defaultValue", "value", "disabled", "max", "min", "name", "step", "onChange"]);
|
|
92
|
+
return (React.createElement(SliderRoot, __assign({ ref: ref }, other),
|
|
93
|
+
React.createElement(SliderInput, { type: "range", name: name, min: min, max: max, step: step, value: value, defaultValue: defaultValue, onChange: onChange, disabled: disabled })));
|
|
91
94
|
});
|
|
92
95
|
Slider.displayName = 'Slider';
|
|
93
96
|
Slider.defaultProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/Slider/slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/Slider/slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AA0CrC;;GAEG;AAEH;;GAEG;AACH,IAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAc;IAC5C,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAEH,IAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAClC,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,eAAe,EAAE,iCAAiC;IAClD,YAAY,EAAE,MAAM;IACpB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,wBAAwB;IACpC,yBAAyB,EAAE;QACzB,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,eAAe,EAAE,gCAAgC;QACjD,MAAM,EAAE,2CAA2C;QACnD,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,4CAA4C;KACzD;IACD,qBAAqB,EAAE;QACrB,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,eAAe,EAAE,gCAAgC;QACjD,MAAM,EAAE,2CAA2C;QACnD,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,4CAA4C;KACzD;IACD,kBAAkB,EAAE;QAClB,SAAS,EAAE;YACT,eAAe,EAAE,gCAAgC;SAClD;QACD,SAAS,EAAE;YACT,eAAe,EAAE,gCAAgC;SAClD;KACF;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,aAAa;QACrB,eAAe,EAAE,wBAAwB;QACzC,yBAAyB,EAAE;YACzB,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,wBAAwB;SACtC;QACD,qBAAqB,EAAE;YACrB,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,wBAAwB;SACtC;KACF;CACF,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,UAAC,KAAK,EAAE,GAAG;IAE3E,IAAA,YAAY,GASV,KAAK,aATK,EACZ,KAAK,GAQH,KAAK,MARF,EACL,QAAQ,GAON,KAAK,SAPC,EACR,GAAG,GAMD,KAAK,IANJ,EACH,GAAG,GAKD,KAAK,IALJ,EACH,IAAI,GAIF,KAAK,KAJH,EACJ,IAAI,GAGF,KAAK,KAHH,EACJ,QAAQ,GAEN,KAAK,SAFC,EACL,KAAK,UACN,KAAK,EAVH,+EAUL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,UAAU,aACT,GAAG,EAAE,GAAG,IACJ,KAAK;QAET,oBAAC,WAAW,IACV,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACS,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC"}
|
|
@@ -21,11 +21,17 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import * as React from 'react';
|
|
24
|
+
import styled from '@emotion/styled';
|
|
25
|
+
import isPropValid from '@emotion/is-prop-valid';
|
|
24
26
|
import { Box } from '../Box';
|
|
25
27
|
import { useId } from '../hooks';
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
28
|
+
/**
|
|
29
|
+
*
|
|
30
|
+
*/
|
|
31
|
+
/**
|
|
32
|
+
* Styles.
|
|
33
|
+
*/
|
|
34
|
+
var SwitchRoot = styled('label')({
|
|
29
35
|
display: 'inline-flex',
|
|
30
36
|
width: 'var(--pv-size-base-7)',
|
|
31
37
|
height: 'var(--pv-size-base-4)',
|
|
@@ -33,8 +39,10 @@ var stylesBase = function () { return css({
|
|
|
33
39
|
justifyContent: 'center',
|
|
34
40
|
position: 'relative',
|
|
35
41
|
alignItems: 'center',
|
|
36
|
-
});
|
|
37
|
-
var
|
|
42
|
+
});
|
|
43
|
+
var SwitchInput = styled('input', {
|
|
44
|
+
shouldForwardProp: function (prop) { return isPropValid(prop) && prop !== 'color'; },
|
|
45
|
+
})(function (props) { return ({
|
|
38
46
|
label: 'Switch-input',
|
|
39
47
|
overflow: 'hidden',
|
|
40
48
|
width: '100%',
|
|
@@ -77,9 +85,8 @@ var stylesInput = function (props) { return css({
|
|
|
77
85
|
},
|
|
78
86
|
},
|
|
79
87
|
},
|
|
80
|
-
}); };
|
|
81
|
-
var
|
|
82
|
-
label: 'Switch-dot',
|
|
88
|
+
}); });
|
|
89
|
+
var SwitchDot = styled(Box)({
|
|
83
90
|
display: 'block',
|
|
84
91
|
position: 'absolute',
|
|
85
92
|
width: 'var(--pv-size-base-3)',
|
|
@@ -101,17 +108,16 @@ var stylesDot = function () { return css({
|
|
|
101
108
|
backgroundColor: 'var(--pv-color-gray-9)',
|
|
102
109
|
transition: 'opacity 200ms, background-color 200ms',
|
|
103
110
|
},
|
|
104
|
-
});
|
|
111
|
+
});
|
|
112
|
+
/**
|
|
113
|
+
*
|
|
114
|
+
*/
|
|
105
115
|
export var Switch = React.forwardRef(function (props, ref) {
|
|
106
|
-
var _a;
|
|
107
|
-
var checked = props.checked, defaultChecked = props.defaultChecked, _b = props.color, color = _b === void 0 ? 'primary' : _b, required = props.required, inputProps = props.inputProps, className = props.className, disabled = props.disabled, idProp = props.id, name = props.name, onChange = props.onChange, other = __rest(props, ["checked", "defaultChecked", "color", "required", "inputProps", "className", "disabled", "id", "name", "onChange"]);
|
|
116
|
+
var checked = props.checked, defaultChecked = props.defaultChecked, _a = props.color, color = _a === void 0 ? 'primary' : _a, required = props.required, inputProps = props.inputProps, disabled = props.disabled, idProp = props.id, name = props.name, onChange = props.onChange, other = __rest(props, ["checked", "defaultChecked", "color", "required", "inputProps", "disabled", "id", "name", "onChange"]);
|
|
108
117
|
var id = useId(idProp);
|
|
109
|
-
return (React.createElement(
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
_a)) }),
|
|
113
|
-
React.createElement("input", __assign({}, inputProps, { type: "checkbox", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, className: cx(stylesInput(props)), onChange: onChange })),
|
|
114
|
-
React.createElement(Box, { "aria-hidden": true, className: cx(stylesDot()), background: "".concat(color, "-contrast"), borderColor: "gray-3", borderWidth: 1, borderStyle: "solid", borderRadius: 100 })));
|
|
118
|
+
return (React.createElement(SwitchRoot, __assign({ ref: ref, htmlFor: id }, other),
|
|
119
|
+
React.createElement(SwitchInput, __assign({}, inputProps, { type: "checkbox", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, color: color, onChange: onChange })),
|
|
120
|
+
React.createElement(SwitchDot, { "aria-hidden": true, background: "".concat(color, "-contrast"), borderColor: "gray-3", borderWidth: 1, borderStyle: "solid", borderRadius: 100 })));
|
|
115
121
|
});
|
|
116
122
|
Switch.displayName = 'Switch';
|
|
117
123
|
Switch.defaultProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/Switch/switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/Switch/switch.tsx"],"names":[],"mappings":"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"}
|
package/dist/esm/Tabs/tab.js
CHANGED
|
@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import * as React from 'react';
|
|
24
|
-
import
|
|
24
|
+
import styled from '@emotion/styled';
|
|
25
25
|
import { Typography } from '../Typography';
|
|
26
26
|
/**
|
|
27
27
|
*
|
|
@@ -29,8 +29,7 @@ import { Typography } from '../Typography';
|
|
|
29
29
|
/**
|
|
30
30
|
* Styles.
|
|
31
31
|
*/
|
|
32
|
-
var
|
|
33
|
-
label: 'Tab',
|
|
32
|
+
var TabRoot = styled('button')({
|
|
34
33
|
fontFamily: 'inherit',
|
|
35
34
|
outline: 'none',
|
|
36
35
|
cursor: 'pointer',
|
|
@@ -63,15 +62,14 @@ var stylesBase = function () { return css({
|
|
|
63
62
|
backgroundColor: 'var(--pv-color-secondary-tint-3)',
|
|
64
63
|
},
|
|
65
64
|
},
|
|
66
|
-
});
|
|
65
|
+
});
|
|
67
66
|
/**
|
|
68
67
|
*
|
|
69
68
|
*/
|
|
70
69
|
export var Tab = React.forwardRef(function (props, ref) {
|
|
71
|
-
var _a
|
|
72
|
-
var children = props.children, className = props.className, disabled = props.disabled, id = props.id, _b = props.color, color = _b === void 0 ? 'black' : _b, component = props.component, onChange = props.onChange,
|
|
70
|
+
var _a = props.color, color = _a === void 0 ? 'black' : _a, component = props.component, id = props.id, disabled = props.disabled,
|
|
73
71
|
// @ts-ignore
|
|
74
|
-
selected = props.selected, other = __rest(props, ["
|
|
72
|
+
selected = props.selected, children = props.children, onChange = props.onChange, other = __rest(props, ["color", "component", "id", "disabled", "selected", "children", "onChange"]);
|
|
75
73
|
var Component = component || 'button';
|
|
76
74
|
var textColor = React.useMemo(function () {
|
|
77
75
|
if (disabled) {
|
|
@@ -93,10 +91,7 @@ export var Tab = React.forwardRef(function (props, ref) {
|
|
|
93
91
|
onChange(event, id);
|
|
94
92
|
}
|
|
95
93
|
};
|
|
96
|
-
return (React.createElement(
|
|
97
|
-
_a[stylesBase()] = true,
|
|
98
|
-
_a[className] = !!className,
|
|
99
|
-
_a)), onClick: handleClick }),
|
|
94
|
+
return (React.createElement(TabRoot, __assign({ as: Component, type: "button", role: "tab", ref: ref, disabled: disabled, id: id, "aria-selected": selected || undefined, onClick: handleClick }, other),
|
|
100
95
|
React.createElement(Typography, { variant: "s2", component: "span", color: textColor }, children)));
|
|
101
96
|
});
|
|
102
97
|
Tab.displayName = 'Tab';
|
package/dist/esm/Tabs/tab.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/Tabs/tab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/Tabs/tab.tsx"],"names":[],"mappings":"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"}
|
package/dist/esm/Tabs/tabs.js
CHANGED
|
@@ -21,15 +21,22 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import * as React from 'react';
|
|
24
|
-
import
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
import styled from '@emotion/styled';
|
|
25
|
+
/**
|
|
26
|
+
*
|
|
27
|
+
*/
|
|
28
|
+
/**
|
|
29
|
+
* Styles.
|
|
30
|
+
*/
|
|
31
|
+
var TabsRoot = styled('div')({
|
|
27
32
|
whiteSpace: 'nowrap',
|
|
28
33
|
overflowX: 'auto',
|
|
29
|
-
});
|
|
34
|
+
});
|
|
35
|
+
/**
|
|
36
|
+
*
|
|
37
|
+
*/
|
|
30
38
|
export var Tabs = React.forwardRef(function (props, ref) {
|
|
31
|
-
var
|
|
32
|
-
var childrenProp = props.children, className = props.className, onChange = props.onChange, value = props.value, other = __rest(props, ["children", "className", "onChange", "value"]);
|
|
39
|
+
var childrenProp = props.children, value = props.value, onChange = props.onChange, other = __rest(props, ["children", "value", "onChange"]);
|
|
33
40
|
var children = React.Children.map(childrenProp, function (child) {
|
|
34
41
|
if (!React.isValidElement(child)) {
|
|
35
42
|
return null;
|
|
@@ -46,9 +53,6 @@ export var Tabs = React.forwardRef(function (props, ref) {
|
|
|
46
53
|
onChange: onChange,
|
|
47
54
|
});
|
|
48
55
|
});
|
|
49
|
-
return (React.createElement(
|
|
50
|
-
_a[stylesBase()] = true,
|
|
51
|
-
_a[className] = !!className,
|
|
52
|
-
_a)) }), children));
|
|
56
|
+
return (React.createElement(TabsRoot, __assign({ ref: ref, role: "tablist" }, other), children));
|
|
53
57
|
});
|
|
54
58
|
//# sourceMappingURL=tabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/Tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/Tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AA0BrC;;GAEG;AAEH;;GAEG;AACH,IAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC7B,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,MAAM;CAClB,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAA4B,UAAC,KAAK,EAAE,GAAG;IAEvE,IAAU,YAAY,GAIpB,KAAK,SAJe,EACtB,KAAK,GAGH,KAAK,MAHF,EACL,QAAQ,GAEN,KAAK,SAFC,EACL,KAAK,UACN,KAAK,EALH,iCAKL,CADS,CACA;IAEV,IAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CACjC,YAAY,EACZ,UAAC,KAA+C;QAC9C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAa,KAAK,CAAC,EAAE;YAC5C,OAAO,IAAI,CAAC;SACb;QAED,IAAI,KAAK,CAAC,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE;YACpC,OAAO,CAAC,KAAK,CAAC,yEAAyE,CAAC,CAAC;YAEzF,OAAO,IAAI,CAAC;SACb;QAED,IAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QAClC,IAAM,QAAQ,GAAG,UAAU,KAAK,KAAK,CAAC;QAEtC,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;YAC/B,aAAa;YACb,QAAQ,UAAA;YACR,QAAQ,UAAA;SACT,CAAC,CAAC;IACL,CAAC,CACF,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ,aACP,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,IACV,KAAK,GAER,QAAQ,CACA,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -21,37 +21,25 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import * as React from 'react';
|
|
24
|
-
import
|
|
24
|
+
import styled from '@emotion/styled';
|
|
25
25
|
import { Typography } from '../Typography';
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
padding: '0 var(--pv-size-base-2)',
|
|
34
|
-
backgroundColor: 'var(--pv-color-gray-1)',
|
|
35
|
-
borderStyle: 'solid',
|
|
36
|
-
borderWidth: '1px',
|
|
37
|
-
borderColor: 'var(--pv-color-gray-8)',
|
|
38
|
-
transition: 'background-color 200ms, color 200ms, border-color 200ms',
|
|
39
|
-
display: 'inline-flex',
|
|
40
|
-
appearance: 'none',
|
|
41
|
-
'&::placeholder': {
|
|
26
|
+
/**
|
|
27
|
+
*
|
|
28
|
+
*/
|
|
29
|
+
/**
|
|
30
|
+
* Styles.
|
|
31
|
+
*/
|
|
32
|
+
var TextFieldInput = styled(Typography)(function (props) { return (__assign(__assign(__assign({ fontFamily: 'inherit', outline: 'none', boxSizing: 'border-box', width: '100%', borderRadius: '4px', padding: '0 var(--pv-size-base-2)', backgroundColor: 'var(--pv-color-gray-1)', borderStyle: 'solid', borderWidth: '1px', borderColor: 'var(--pv-color-gray-8)', transition: 'background-color 200ms, color 200ms, border-color 200ms', display: 'inline-flex', appearance: 'none', '&::placeholder': {
|
|
42
33
|
color: 'var(--pv-color-gray-9)',
|
|
43
|
-
},
|
|
44
|
-
'&:hover': {
|
|
34
|
+
}, '&:hover': {
|
|
45
35
|
backgroundColor: 'var(--pv-color-gray-3)',
|
|
46
36
|
borderColor: 'var(--pv-color-gray-7)',
|
|
47
|
-
},
|
|
48
|
-
'&:disabled': {
|
|
37
|
+
}, '&:disabled': {
|
|
49
38
|
cursor: 'not-allowed',
|
|
50
39
|
backgroundColor: 'var(--pv-color-gray-1)',
|
|
51
40
|
borderColor: 'var(--pv-color-gray-5)',
|
|
52
41
|
color: 'var(--pv-color-gray-7)',
|
|
53
|
-
},
|
|
54
|
-
'&:not(:disabled)': {
|
|
42
|
+
}, '&:not(:disabled)': {
|
|
55
43
|
'&[aria-invalid]': {
|
|
56
44
|
backgroundColor: 'var(--pv-color-wrong-tint-5)',
|
|
57
45
|
borderColor: 'var(--pv-color-wrong-tint-3)',
|
|
@@ -60,49 +48,33 @@ var stylesInputBase = function () { return css({
|
|
|
60
48
|
backgroundColor: 'var(--pv-color-secondary-tint-5)',
|
|
61
49
|
borderColor: 'var(--pv-color-secondary-tint-3)',
|
|
62
50
|
},
|
|
63
|
-
},
|
|
64
|
-
}); };
|
|
65
|
-
var stylesInputSizeSmall = function () { return css({
|
|
66
|
-
label: 'small',
|
|
51
|
+
} }, (props.size === 'small' && {
|
|
67
52
|
height: 'var(--pv-size-base-6)',
|
|
68
|
-
})
|
|
69
|
-
var stylesInputSizeMedium = function () { return css({
|
|
70
|
-
label: 'medium',
|
|
53
|
+
})), (props.size === 'medium' && {
|
|
71
54
|
height: 'var(--pv-size-base-7)',
|
|
72
|
-
})
|
|
73
|
-
var stylesInputSizeLarge = function () { return css({
|
|
74
|
-
label: 'large',
|
|
55
|
+
})), (props.size === 'large' && {
|
|
75
56
|
height: 'var(--pv-size-base-8)',
|
|
76
|
-
}); };
|
|
77
|
-
var
|
|
57
|
+
}))); });
|
|
58
|
+
var TextFieldLabel = styled('label')({
|
|
78
59
|
label: 'TextField-label',
|
|
79
60
|
marginBottom: '2px',
|
|
80
61
|
display: 'inline-block',
|
|
81
|
-
});
|
|
82
|
-
var
|
|
83
|
-
label: 'TextField-error',
|
|
62
|
+
});
|
|
63
|
+
var TextFieldError = styled(Typography)({
|
|
84
64
|
marginTop: '2px',
|
|
85
|
-
});
|
|
65
|
+
});
|
|
66
|
+
/**
|
|
67
|
+
*
|
|
68
|
+
*/
|
|
86
69
|
export var TextField = React.forwardRef(function (props, ref) {
|
|
87
|
-
var _a, _b,
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
label && (React.createElement("label", { htmlFor: id, className: cx((_a = {},
|
|
91
|
-
_a[stylesLabel()] = true,
|
|
92
|
-
_a)) },
|
|
70
|
+
var size = props.size, label = props.label, _a = props.inputProps, inputProps = _a === void 0 ? {} : _a, disabled = props.disabled, defaultValue = props.defaultValue, id = props.id, value = props.value, placeholder = props.placeholder, required = props.required, name = props.name, inputRef = props.inputRef, error = props.error, errorText = props.errorText, autoFocus = props.autoFocus, readOnly = props.readOnly, _b = props.type, type = _b === void 0 ? 'text' : _b, onChange = props.onChange, other = __rest(props, ["size", "label", "inputProps", "disabled", "defaultValue", "id", "value", "placeholder", "required", "name", "inputRef", "error", "errorText", "autoFocus", "readOnly", "type", "onChange"]);
|
|
71
|
+
return (React.createElement("div", __assign({ ref: ref }, other),
|
|
72
|
+
label && (React.createElement(TextFieldLabel, { htmlFor: id },
|
|
93
73
|
React.createElement(Typography, { component: "span", variant: "c2", color: "gray-10" }, label))),
|
|
94
|
-
React.createElement(
|
|
95
|
-
//
|
|
96
|
-
autoFocus: autoFocus,
|
|
97
|
-
|
|
98
|
-
_b[stylesInputSizeSmall()] = size === 'small',
|
|
99
|
-
_b[stylesInputSizeMedium()] = size === 'medium',
|
|
100
|
-
_b[stylesInputSizeLarge()] = size === 'large',
|
|
101
|
-
_b[inputProps.className] = !!inputProps.className,
|
|
102
|
-
_b)), "aria-invalid": error || undefined, onChange: onChange, placeholder: placeholder, readOnly: readOnly })),
|
|
103
|
-
error && errorText && (React.createElement(Typography, { variant: "c2", color: "wrong", className: cx((_c = {},
|
|
104
|
-
_c[stylesError()] = true,
|
|
105
|
-
_c)) }, errorText))));
|
|
74
|
+
React.createElement(TextFieldInput, __assign({}, inputProps, {
|
|
75
|
+
// @ts-ignore
|
|
76
|
+
component: "input", color: "black", variant: size === 'small' ? 'c1' : 'b3', size: size, type: type, disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef, autoFocus: autoFocus, "aria-invalid": error || undefined, onChange: onChange, placeholder: placeholder, readOnly: readOnly })),
|
|
77
|
+
error && errorText && (React.createElement(TextFieldError, { variant: "c2", color: "wrong" }, errorText))));
|
|
106
78
|
});
|
|
107
79
|
TextField.displayName = 'TextField';
|
|
108
80
|
TextField.defaultProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text_field.js","sourceRoot":"","sources":["../../../src/TextField/text_field.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"text_field.js","sourceRoot":"","sources":["../../../src/TextField/text_field.tsx"],"names":[],"mappings":"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"}
|