@fountain-ui/core 2.0.0-beta.98 → 3.0.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/commonjs/Accordion/Accordion.js +0 -1
- package/build/commonjs/Accordion/Accordion.js.map +1 -1
- package/build/commonjs/Accordion/index.js +10 -2
- package/build/commonjs/Accordion/index.js.map +1 -1
- package/build/commonjs/Accordion/useVariantStyleMap.js +6 -6
- package/build/commonjs/Accordion/useVariantStyleMap.js.map +1 -1
- package/build/commonjs/AppBar/AppBar.js +8 -8
- package/build/commonjs/AppBar/AppBar.js.map +1 -1
- package/build/commonjs/AppBar/AppBarProps.js +7 -0
- package/build/commonjs/AppBar/AppBarProps.js.map +1 -1
- package/build/commonjs/AppBar/index.js +8 -0
- package/build/commonjs/AppBar/index.js.map +1 -1
- package/build/commonjs/Badge/index.js +28 -2
- package/build/commonjs/Badge/index.js.map +1 -1
- package/build/commonjs/Badge/useVariantStyleMap.js +15 -6
- package/build/commonjs/Badge/useVariantStyleMap.js.map +1 -1
- package/build/commonjs/{PaginationItem/LegacyPaginationItem.js → BottomSheetActions/BottomSheetActions.js} +10 -23
- package/build/commonjs/BottomSheetActions/BottomSheetActions.js.map +1 -0
- package/build/commonjs/BottomSheetActions/BottomSheetActionsProps.js +2 -0
- package/build/commonjs/BottomSheetActions/BottomSheetActionsProps.js.map +1 -0
- package/build/commonjs/BottomSheetActions/index.js +16 -0
- package/build/commonjs/BottomSheetActions/index.js.map +1 -0
- package/build/commonjs/{SvgIcon/LegacySvgIcon.js → BottomSheetContent/BottomSheetContent.js} +23 -23
- package/build/commonjs/BottomSheetContent/BottomSheetContent.js.map +1 -0
- package/build/commonjs/BottomSheetContent/BottomSheetContentProps.js +2 -0
- package/build/commonjs/BottomSheetContent/BottomSheetContentProps.js.map +1 -0
- package/build/commonjs/BottomSheetContent/index.js +16 -0
- package/build/commonjs/BottomSheetContent/index.js.map +1 -0
- package/build/commonjs/BottomSheetTitle/BottomSheetTitle.js +73 -0
- package/build/commonjs/BottomSheetTitle/BottomSheetTitle.js.map +1 -0
- package/build/commonjs/BottomSheetTitle/BottomSheetTitleProps.js +2 -0
- package/build/commonjs/BottomSheetTitle/BottomSheetTitleProps.js.map +1 -0
- package/build/commonjs/{CheckboxGroup → BottomSheetTitle}/index.js +2 -2
- package/build/commonjs/BottomSheetTitle/index.js.map +1 -0
- package/build/commonjs/Button/Button.js +5 -8
- package/build/commonjs/Button/Button.js.map +1 -1
- package/build/commonjs/Button/ButtonProps.js +7 -7
- package/build/commonjs/Button/ButtonProps.js.map +1 -1
- package/build/commonjs/Button/index.js +22 -2
- package/build/commonjs/Button/index.js.map +1 -1
- package/build/commonjs/Button/useVariantStyleMap.js +4 -0
- package/build/commonjs/Button/useVariantStyleMap.js.map +1 -1
- package/build/commonjs/Checkbox/Checkbox.js +1 -2
- package/build/commonjs/Checkbox/Checkbox.js.map +1 -1
- package/build/commonjs/Checkbox/index.js +10 -2
- package/build/commonjs/Checkbox/index.js.map +1 -1
- package/build/commonjs/Checkbox/useVariantStyleMap.js +4 -1
- package/build/commonjs/Checkbox/useVariantStyleMap.js.map +1 -1
- package/build/commonjs/Chip/index.js +16 -2
- package/build/commonjs/Chip/index.js.map +1 -1
- package/build/commonjs/Chip/useChipStyle.js +3 -7
- package/build/commonjs/Chip/useChipStyle.js.map +1 -1
- package/build/commonjs/Dialog/Dialog.js +10 -21
- package/build/commonjs/Dialog/Dialog.js.map +1 -1
- package/build/commonjs/Dialog/DialogContext.js +19 -0
- package/build/commonjs/Dialog/DialogContext.js.map +1 -0
- package/build/commonjs/Dialog/index.js +32 -2
- package/build/commonjs/Dialog/index.js.map +1 -1
- package/build/commonjs/Dialog/useDialogSectionStyle.js +40 -0
- package/build/commonjs/Dialog/useDialogSectionStyle.js.map +1 -0
- package/build/commonjs/Dialog/useDialogStyle.js +16 -18
- package/build/commonjs/Dialog/useDialogStyle.js.map +1 -1
- package/build/commonjs/DialogActions/DialogActions.js +17 -2
- package/build/commonjs/DialogActions/DialogActions.js.map +1 -1
- package/build/commonjs/DialogActions/index.js +2 -2
- package/build/commonjs/DialogActions/index.js.map +1 -1
- package/build/commonjs/DialogContent/DialogContent.js +6 -3
- package/build/commonjs/DialogContent/DialogContent.js.map +1 -1
- package/build/commonjs/DialogContent/index.js +2 -2
- package/build/commonjs/DialogContent/index.js.map +1 -1
- package/build/commonjs/DialogMedia/DialogMedia.js +1 -0
- package/build/commonjs/DialogMedia/DialogMedia.js.map +1 -1
- package/build/commonjs/DialogMedia/index.js +2 -2
- package/build/commonjs/DialogMedia/index.js.map +1 -1
- package/build/commonjs/DialogTitle/DialogTitle.js +4 -1
- package/build/commonjs/DialogTitle/DialogTitle.js.map +1 -1
- package/build/commonjs/DialogTitle/index.js +2 -2
- package/build/commonjs/DialogTitle/index.js.map +1 -1
- package/build/commonjs/Divider/Divider.js +1 -1
- package/build/commonjs/Divider/Divider.js.map +1 -1
- package/build/commonjs/Divider/DividerProps.js +3 -3
- package/build/commonjs/Divider/DividerProps.js.map +1 -1
- package/build/commonjs/Divider/index.js +16 -2
- package/build/commonjs/Divider/index.js.map +1 -1
- package/build/commonjs/Empty/Empty.js +3 -4
- package/build/commonjs/Empty/Empty.js.map +1 -1
- package/build/commonjs/IconButton/IconButton.js +26 -2
- package/build/commonjs/IconButton/IconButton.js.map +1 -1
- package/build/commonjs/IconButton/IconButtonProps.js.map +1 -1
- package/build/commonjs/IconButton/index.js +10 -2
- package/build/commonjs/IconButton/index.js.map +1 -1
- package/build/commonjs/ListItemText/ListItemText.js +4 -4
- package/build/commonjs/ListItemText/ListItemText.js.map +1 -1
- package/build/commonjs/ListSubheader/ListSubheader.js +2 -2
- package/build/commonjs/ListSubheader/ListSubheader.js.map +1 -1
- package/build/commonjs/Pagination/Pagination.js +0 -4
- package/build/commonjs/Pagination/Pagination.js.map +1 -1
- package/build/commonjs/Pagination/index.js +10 -2
- package/build/commonjs/Pagination/index.js.map +1 -1
- package/build/commonjs/Radio/Radio.js +2 -3
- package/build/commonjs/Radio/Radio.js.map +1 -1
- package/build/commonjs/Radio/index.js +2 -2
- package/build/commonjs/Radio/index.js.map +1 -1
- package/build/commonjs/RadioGroup/index.js +2 -2
- package/build/commonjs/RadioGroup/index.js.map +1 -1
- package/build/commonjs/ShadowView/ShadowView.native.js +17 -5
- package/build/commonjs/ShadowView/ShadowView.native.js.map +1 -1
- package/build/commonjs/Snackbar/Snackbar.js +1 -1
- package/build/commonjs/Snackbar/Snackbar.js.map +1 -1
- package/build/commonjs/Snackbar/index.js +10 -2
- package/build/commonjs/Snackbar/index.js.map +1 -1
- package/build/commonjs/SnackbarContent/SnackbarContent.js +12 -4
- package/build/commonjs/SnackbarContent/SnackbarContent.js.map +1 -1
- package/build/commonjs/SnackbarContent/StatusIcon.js +0 -2
- package/build/commonjs/SnackbarContent/StatusIcon.js.map +1 -1
- package/build/commonjs/SnackbarContent/index.js +2 -2
- package/build/commonjs/SnackbarContent/index.js.map +1 -1
- package/build/commonjs/SvgIcon/index.js +16 -2
- package/build/commonjs/SvgIcon/index.js.map +1 -1
- package/build/commonjs/Tab/Tab.js +1 -1
- package/build/commonjs/Tab/Tab.js.map +1 -1
- package/build/commonjs/Tab/index.js +2 -2
- package/build/commonjs/Tab/index.js.map +1 -1
- package/build/commonjs/TabBase/index.js +2 -2
- package/build/commonjs/TabBase/index.js.map +1 -1
- package/build/commonjs/Tabs/Tabs.js +15 -3
- package/build/commonjs/Tabs/Tabs.js.map +1 -1
- package/build/commonjs/Tabs/TabsProps.js +3 -1
- package/build/commonjs/Tabs/TabsProps.js.map +1 -1
- package/build/commonjs/Tabs/index.js +16 -2
- package/build/commonjs/Tabs/index.js.map +1 -1
- package/build/commonjs/TextField/TextField.js +0 -1
- package/build/commonjs/TextField/TextField.js.map +1 -1
- package/build/commonjs/TextField/index.js +10 -2
- package/build/commonjs/TextField/index.js.map +1 -1
- package/build/commonjs/Toggle/Toggle.js +5 -3
- package/build/commonjs/Toggle/Toggle.js.map +1 -1
- package/build/commonjs/Toolbar/Toolbar.js +17 -6
- package/build/commonjs/Toolbar/Toolbar.js.map +1 -1
- package/build/commonjs/Toolbar/ToolbarProps.js +7 -0
- package/build/commonjs/Toolbar/ToolbarProps.js.map +1 -1
- package/build/commonjs/Toolbar/index.js +8 -0
- package/build/commonjs/Toolbar/index.js.map +1 -1
- package/build/commonjs/Tooltip/Tooltip.js +1 -2
- package/build/commonjs/Tooltip/Tooltip.js.map +1 -1
- package/build/commonjs/Tooltip/index.js +22 -2
- package/build/commonjs/Tooltip/index.js.map +1 -1
- package/build/commonjs/Typography/index.js +10 -2
- package/build/commonjs/Typography/index.js.map +1 -1
- package/build/commonjs/index.js +63 -21
- package/build/commonjs/index.js.map +1 -1
- package/build/commonjs/internal/icons/LoadingSpinner/index.js +14 -4
- package/build/commonjs/internal/icons/LoadingSpinner/index.js.map +1 -1
- package/build/commonjs/internal/icons/LoadingSpinner/index.native.js +14 -4
- package/build/commonjs/internal/icons/LoadingSpinner/index.native.js.map +1 -1
- package/build/commonjs/utils/createSvgIcon.js +2 -10
- package/build/commonjs/utils/createSvgIcon.js.map +1 -1
- package/build/module/Accordion/Accordion.js +0 -1
- package/build/module/Accordion/Accordion.js.map +1 -1
- package/build/module/Accordion/index.js +2 -1
- package/build/module/Accordion/index.js.map +1 -1
- package/build/module/Accordion/useVariantStyleMap.js +6 -6
- package/build/module/Accordion/useVariantStyleMap.js.map +1 -1
- package/build/module/AppBar/AppBar.js +8 -8
- package/build/module/AppBar/AppBar.js.map +1 -1
- package/build/module/AppBar/AppBarProps.js +1 -1
- package/build/module/AppBar/AppBarProps.js.map +1 -1
- package/build/module/AppBar/index.js +1 -0
- package/build/module/AppBar/index.js.map +1 -1
- package/build/module/Badge/index.js +2 -1
- package/build/module/Badge/index.js.map +1 -1
- package/build/module/Badge/useVariantStyleMap.js +15 -6
- package/build/module/Badge/useVariantStyleMap.js.map +1 -1
- package/build/module/{PaginationItem/LegacyPaginationItem.js → BottomSheetActions/BottomSheetActions.js} +9 -20
- package/build/module/BottomSheetActions/BottomSheetActions.js.map +1 -0
- package/build/module/BottomSheetActions/BottomSheetActionsProps.js +2 -0
- package/build/module/BottomSheetActions/BottomSheetActionsProps.js.map +1 -0
- package/build/module/BottomSheetActions/index.js +2 -0
- package/build/module/BottomSheetActions/index.js.map +1 -0
- package/build/module/BottomSheetContent/BottomSheetContent.js +32 -0
- package/build/module/BottomSheetContent/BottomSheetContent.js.map +1 -0
- package/build/module/BottomSheetContent/BottomSheetContentProps.js +2 -0
- package/build/module/BottomSheetContent/BottomSheetContentProps.js.map +1 -0
- package/build/module/BottomSheetContent/index.js +2 -0
- package/build/module/BottomSheetContent/index.js.map +1 -0
- package/build/module/BottomSheetTitle/BottomSheetTitle.js +60 -0
- package/build/module/BottomSheetTitle/BottomSheetTitle.js.map +1 -0
- package/build/module/BottomSheetTitle/BottomSheetTitleProps.js +2 -0
- package/build/module/BottomSheetTitle/BottomSheetTitleProps.js.map +1 -0
- package/build/module/BottomSheetTitle/index.js +2 -0
- package/build/module/BottomSheetTitle/index.js.map +1 -0
- package/build/module/Button/Button.js +6 -9
- package/build/module/Button/Button.js.map +1 -1
- package/build/module/Button/ButtonProps.js +3 -3
- package/build/module/Button/ButtonProps.js.map +1 -1
- package/build/module/Button/index.js +2 -1
- package/build/module/Button/index.js.map +1 -1
- package/build/module/Button/useVariantStyleMap.js +4 -0
- package/build/module/Button/useVariantStyleMap.js.map +1 -1
- package/build/module/Checkbox/Checkbox.js +1 -2
- package/build/module/Checkbox/Checkbox.js.map +1 -1
- package/build/module/Checkbox/index.js +2 -1
- package/build/module/Checkbox/index.js.map +1 -1
- package/build/module/Checkbox/useVariantStyleMap.js +4 -1
- package/build/module/Checkbox/useVariantStyleMap.js.map +1 -1
- package/build/module/Chip/index.js +2 -1
- package/build/module/Chip/index.js.map +1 -1
- package/build/module/Chip/useChipStyle.js +3 -7
- package/build/module/Chip/useChipStyle.js.map +1 -1
- package/build/module/Dialog/Dialog.js +11 -19
- package/build/module/Dialog/Dialog.js.map +1 -1
- package/build/module/Dialog/DialogContext.js +7 -0
- package/build/module/Dialog/DialogContext.js.map +1 -0
- package/build/module/Dialog/index.js +4 -1
- package/build/module/Dialog/index.js.map +1 -1
- package/build/module/Dialog/useDialogSectionStyle.js +29 -0
- package/build/module/Dialog/useDialogSectionStyle.js.map +1 -0
- package/build/module/Dialog/useDialogStyle.js +16 -18
- package/build/module/Dialog/useDialogStyle.js.map +1 -1
- package/build/module/DialogActions/DialogActions.js +18 -3
- package/build/module/DialogActions/DialogActions.js.map +1 -1
- package/build/module/DialogActions/index.js +1 -1
- package/build/module/DialogActions/index.js.map +1 -1
- package/build/module/DialogContent/DialogContent.js +5 -3
- package/build/module/DialogContent/DialogContent.js.map +1 -1
- package/build/module/DialogContent/index.js +1 -1
- package/build/module/DialogContent/index.js.map +1 -1
- package/build/module/DialogMedia/DialogMedia.js +1 -0
- package/build/module/DialogMedia/DialogMedia.js.map +1 -1
- package/build/module/DialogMedia/index.js +1 -1
- package/build/module/DialogMedia/index.js.map +1 -1
- package/build/module/DialogTitle/DialogTitle.js +3 -1
- package/build/module/DialogTitle/DialogTitle.js.map +1 -1
- package/build/module/DialogTitle/index.js +1 -1
- package/build/module/DialogTitle/index.js.map +1 -1
- package/build/module/Divider/Divider.js +1 -1
- package/build/module/Divider/Divider.js.map +1 -1
- package/build/module/Divider/DividerProps.js +1 -1
- package/build/module/Divider/DividerProps.js.map +1 -1
- package/build/module/Divider/index.js +2 -1
- package/build/module/Divider/index.js.map +1 -1
- package/build/module/Empty/Empty.js +3 -4
- package/build/module/Empty/Empty.js.map +1 -1
- package/build/module/IconButton/IconButton.js +25 -3
- package/build/module/IconButton/IconButton.js.map +1 -1
- package/build/module/IconButton/IconButtonProps.js.map +1 -1
- package/build/module/IconButton/index.js +2 -1
- package/build/module/IconButton/index.js.map +1 -1
- package/build/module/ListItemText/ListItemText.js +4 -4
- package/build/module/ListItemText/ListItemText.js.map +1 -1
- package/build/module/ListSubheader/ListSubheader.js +2 -2
- package/build/module/ListSubheader/ListSubheader.js.map +1 -1
- package/build/module/Pagination/Pagination.js +0 -4
- package/build/module/Pagination/Pagination.js.map +1 -1
- package/build/module/Pagination/index.js +2 -1
- package/build/module/Pagination/index.js.map +1 -1
- package/build/module/Radio/Radio.js +2 -3
- package/build/module/Radio/Radio.js.map +1 -1
- package/build/module/Radio/index.js +1 -1
- package/build/module/Radio/index.js.map +1 -1
- package/build/module/RadioGroup/index.js +1 -1
- package/build/module/RadioGroup/index.js.map +1 -1
- package/build/module/ShadowView/ShadowView.native.js +17 -5
- package/build/module/ShadowView/ShadowView.native.js.map +1 -1
- package/build/module/Snackbar/Snackbar.js +1 -1
- package/build/module/Snackbar/Snackbar.js.map +1 -1
- package/build/module/Snackbar/index.js +2 -1
- package/build/module/Snackbar/index.js.map +1 -1
- package/build/module/SnackbarContent/SnackbarContent.js +13 -5
- package/build/module/SnackbarContent/SnackbarContent.js.map +1 -1
- package/build/module/SnackbarContent/StatusIcon.js +0 -2
- package/build/module/SnackbarContent/StatusIcon.js.map +1 -1
- package/build/module/SnackbarContent/index.js +1 -1
- package/build/module/SnackbarContent/index.js.map +1 -1
- package/build/module/SvgIcon/index.js +2 -1
- package/build/module/SvgIcon/index.js.map +1 -1
- package/build/module/Tab/Tab.js +1 -1
- package/build/module/Tab/Tab.js.map +1 -1
- package/build/module/Tab/index.js +1 -1
- package/build/module/Tab/index.js.map +1 -1
- package/build/module/TabBase/index.js +1 -1
- package/build/module/TabBase/index.js.map +1 -1
- package/build/module/Tabs/Tabs.js +15 -3
- package/build/module/Tabs/Tabs.js.map +1 -1
- package/build/module/Tabs/TabsProps.js +1 -0
- package/build/module/Tabs/TabsProps.js.map +1 -1
- package/build/module/Tabs/index.js +2 -1
- package/build/module/Tabs/index.js.map +1 -1
- package/build/module/TextField/TextField.js +0 -1
- package/build/module/TextField/TextField.js.map +1 -1
- package/build/module/TextField/index.js +2 -1
- package/build/module/TextField/index.js.map +1 -1
- package/build/module/Toggle/Toggle.js +5 -3
- package/build/module/Toggle/Toggle.js.map +1 -1
- package/build/module/Toolbar/Toolbar.js +16 -6
- package/build/module/Toolbar/Toolbar.js.map +1 -1
- package/build/module/Toolbar/ToolbarProps.js +1 -1
- package/build/module/Toolbar/ToolbarProps.js.map +1 -1
- package/build/module/Toolbar/index.js +1 -0
- package/build/module/Toolbar/index.js.map +1 -1
- package/build/module/Tooltip/Tooltip.js +1 -2
- package/build/module/Tooltip/Tooltip.js.map +1 -1
- package/build/module/Tooltip/index.js +2 -1
- package/build/module/Tooltip/index.js.map +1 -1
- package/build/module/Typography/index.js +2 -1
- package/build/module/Typography/index.js.map +1 -1
- package/build/module/index.js +6 -2
- package/build/module/index.js.map +1 -1
- package/build/module/internal/icons/LoadingSpinner/index.js +13 -4
- package/build/module/internal/icons/LoadingSpinner/index.js.map +1 -1
- package/build/module/internal/icons/LoadingSpinner/index.native.js +13 -4
- package/build/module/internal/icons/LoadingSpinner/index.native.js.map +1 -1
- package/build/module/utils/createSvgIcon.js +2 -9
- package/build/module/utils/createSvgIcon.js.map +1 -1
- package/build/typescript/Accordion/index.d.ts +3 -2
- package/build/typescript/AppBar/AppBarProps.d.ts +2 -1
- package/build/typescript/AppBar/index.d.ts +1 -0
- package/build/typescript/Badge/index.d.ts +3 -2
- package/build/typescript/BottomSheetActions/BottomSheetActions.d.ts +3 -0
- package/build/typescript/BottomSheetActions/BottomSheetActionsProps.d.ts +4 -0
- package/build/typescript/BottomSheetActions/index.d.ts +2 -0
- package/build/typescript/BottomSheetContent/BottomSheetContent.d.ts +3 -0
- package/build/typescript/BottomSheetContent/BottomSheetContentProps.d.ts +4 -0
- package/build/typescript/BottomSheetContent/index.d.ts +2 -0
- package/build/typescript/BottomSheetTitle/BottomSheetTitle.d.ts +3 -0
- package/build/typescript/BottomSheetTitle/BottomSheetTitleProps.d.ts +12 -0
- package/build/typescript/BottomSheetTitle/index.d.ts +2 -0
- package/build/typescript/Button/ButtonProps.d.ts +6 -6
- package/build/typescript/Button/index.d.ts +3 -2
- package/build/typescript/Checkbox/index.d.ts +3 -2
- package/build/typescript/Chip/index.d.ts +3 -2
- package/build/typescript/Dialog/DialogContext.d.ts +7 -0
- package/build/typescript/Dialog/index.d.ts +5 -2
- package/build/typescript/Dialog/useDialogSectionStyle.d.ts +2 -0
- package/build/typescript/Dialog/useDialogStyle.d.ts +1 -1
- package/build/typescript/DialogActions/index.d.ts +1 -1
- package/build/typescript/DialogContent/index.d.ts +2 -2
- package/build/typescript/DialogMedia/index.d.ts +2 -2
- package/build/typescript/DialogTitle/index.d.ts +2 -2
- package/build/typescript/Divider/DividerProps.d.ts +3 -3
- package/build/typescript/Divider/index.d.ts +3 -2
- package/build/typescript/IconButton/IconButtonProps.d.ts +5 -0
- package/build/typescript/IconButton/index.d.ts +3 -2
- package/build/typescript/Pagination/index.d.ts +3 -2
- package/build/typescript/Radio/index.d.ts +2 -2
- package/build/typescript/RadioGroup/index.d.ts +1 -1
- package/build/typescript/Snackbar/index.d.ts +3 -2
- package/build/typescript/SnackbarContent/index.d.ts +2 -2
- package/build/typescript/SvgIcon/index.d.ts +3 -2
- package/build/typescript/Tab/index.d.ts +2 -2
- package/build/typescript/TabBase/index.d.ts +1 -1
- package/build/typescript/Tabs/Tabs.d.ts +1 -1
- package/build/typescript/Tabs/TabsProps.d.ts +8 -1
- package/build/typescript/Tabs/index.d.ts +3 -2
- package/build/typescript/TextField/index.d.ts +3 -2
- package/build/typescript/Toolbar/ToolbarProps.d.ts +9 -2
- package/build/typescript/Toolbar/index.d.ts +1 -0
- package/build/typescript/Tooltip/index.d.ts +3 -2
- package/build/typescript/Typography/index.d.ts +3 -2
- package/build/typescript/index.d.ts +6 -2
- package/build/typescript/internal/icons/Check.d.ts +125 -2
- package/build/typescript/internal/icons/CheckCircle.d.ts +125 -2
- package/build/typescript/internal/icons/Checkbox.d.ts +125 -2
- package/build/typescript/internal/icons/CheckboxChecked.d.ts +125 -2
- package/build/typescript/internal/icons/CheckboxOn.d.ts +125 -2
- package/build/typescript/internal/icons/ChevronDown.d.ts +125 -2
- package/build/typescript/internal/icons/ChevronLeft.d.ts +125 -2
- package/build/typescript/internal/icons/ChevronRight.d.ts +125 -2
- package/build/typescript/internal/icons/Clear.d.ts +125 -2
- package/build/typescript/internal/icons/Close.d.ts +125 -2
- package/build/typescript/internal/icons/EyeOff.d.ts +125 -2
- package/build/typescript/internal/icons/EyeOn.d.ts +125 -2
- package/build/typescript/internal/icons/InfoCircle.d.ts +125 -2
- package/build/typescript/internal/icons/Radio.d.ts +125 -2
- package/build/typescript/internal/icons/RadioChecked.d.ts +125 -2
- package/build/typescript/internal/icons/Search.d.ts +125 -2
- package/build/typescript/utils/createSvgIcon.d.ts +1 -5
- package/package.json +4 -4
- package/src/Accordion/Accordion.tsx +0 -1
- package/src/Accordion/index.ts +3 -2
- package/src/Accordion/useVariantStyleMap.ts +4 -4
- package/src/AppBar/AppBar.tsx +7 -13
- package/src/AppBar/AppBarProps.ts +2 -1
- package/src/AppBar/index.ts +2 -1
- package/src/Badge/index.ts +13 -2
- package/src/Badge/useVariantStyleMap.ts +17 -7
- package/src/BottomSheetActions/BottomSheetActions.tsx +42 -0
- package/src/BottomSheetActions/BottomSheetActionsProps.ts +4 -0
- package/src/BottomSheetActions/index.ts +2 -0
- package/src/BottomSheetContent/BottomSheetContent.tsx +45 -0
- package/src/BottomSheetContent/BottomSheetContentProps.ts +4 -0
- package/src/BottomSheetContent/index.ts +2 -0
- package/src/BottomSheetTitle/BottomSheetTitle.tsx +83 -0
- package/src/BottomSheetTitle/BottomSheetTitleProps.ts +12 -0
- package/src/BottomSheetTitle/index.ts +2 -0
- package/src/Button/Button.tsx +11 -13
- package/src/Button/ButtonProps.ts +6 -6
- package/src/Button/index.ts +3 -2
- package/src/Button/useVariantStyleMap.ts +4 -0
- package/src/Checkbox/Checkbox.tsx +1 -2
- package/src/Checkbox/index.ts +3 -2
- package/src/Checkbox/useVariantStyleMap.ts +3 -0
- package/src/Chip/index.ts +3 -2
- package/src/Chip/useChipStyle.ts +2 -6
- package/src/Dialog/Dialog.tsx +9 -19
- package/src/Dialog/DialogContext.tsx +14 -0
- package/src/Dialog/index.ts +5 -2
- package/src/Dialog/useDialogSectionStyle.ts +31 -0
- package/src/Dialog/useDialogStyle.ts +14 -22
- package/src/DialogActions/DialogActions.tsx +28 -3
- package/src/DialogActions/index.ts +1 -1
- package/src/DialogContent/DialogContent.tsx +6 -2
- package/src/DialogContent/index.ts +2 -2
- package/src/DialogMedia/DialogMedia.tsx +1 -0
- package/src/DialogMedia/index.ts +2 -2
- package/src/DialogTitle/DialogTitle.tsx +4 -0
- package/src/DialogTitle/index.ts +2 -2
- package/src/Divider/Divider.tsx +1 -1
- package/src/Divider/DividerProps.ts +3 -3
- package/src/Divider/index.ts +3 -2
- package/src/Empty/Empty.tsx +3 -5
- package/src/IconButton/IconButton.tsx +33 -3
- package/src/IconButton/IconButtonProps.ts +6 -0
- package/src/IconButton/index.ts +3 -2
- package/src/ListItemText/ListItemText.tsx +4 -4
- package/src/ListSubheader/ListSubheader.tsx +2 -2
- package/src/Pagination/Pagination.tsx +0 -4
- package/src/Pagination/index.ts +3 -2
- package/src/Radio/Radio.tsx +2 -5
- package/src/Radio/index.ts +2 -2
- package/src/RadioGroup/index.ts +1 -1
- package/src/ShadowView/ShadowView.native.tsx +21 -10
- package/src/Snackbar/Snackbar.tsx +1 -1
- package/src/Snackbar/index.ts +3 -2
- package/src/SnackbarContent/SnackbarContent.tsx +18 -10
- package/src/SnackbarContent/StatusIcon.tsx +0 -2
- package/src/SnackbarContent/index.ts +2 -2
- package/src/SvgIcon/index.ts +3 -2
- package/src/Tab/Tab.tsx +1 -1
- package/src/Tab/index.ts +2 -2
- package/src/TabBase/index.ts +1 -1
- package/src/Tabs/Tabs.tsx +17 -3
- package/src/Tabs/TabsProps.ts +10 -1
- package/src/Tabs/index.ts +3 -2
- package/src/TextField/TextField.tsx +0 -1
- package/src/TextField/index.tsx +3 -2
- package/src/Toggle/Toggle.tsx +7 -5
- package/src/Toolbar/Toolbar.tsx +13 -6
- package/src/Toolbar/ToolbarProps.ts +11 -2
- package/src/Toolbar/index.ts +2 -1
- package/src/Tooltip/Tooltip.tsx +1 -2
- package/src/Tooltip/index.ts +3 -2
- package/src/Typography/index.ts +3 -2
- package/src/index.ts +9 -3
- package/src/internal/icons/LoadingSpinner/index.native.tsx +17 -7
- package/src/internal/icons/LoadingSpinner/index.tsx +17 -7
- package/src/utils/createSvgIcon.tsx +3 -21
- package/build/commonjs/Accordion/LegacyAccordion.js +0 -171
- package/build/commonjs/Accordion/LegacyAccordion.js.map +0 -1
- package/build/commonjs/Accordion/LegacyAccordionProps.js +0 -2
- package/build/commonjs/Accordion/LegacyAccordionProps.js.map +0 -1
- package/build/commonjs/Badge/LegacyBadge.js +0 -61
- package/build/commonjs/Badge/LegacyBadge.js.map +0 -1
- package/build/commonjs/Badge/LegacyBadgeProps.js +0 -2
- package/build/commonjs/Badge/LegacyBadgeProps.js.map +0 -1
- package/build/commonjs/Button/LegacyButton.js +0 -144
- package/build/commonjs/Button/LegacyButton.js.map +0 -1
- package/build/commonjs/Button/LegacyButtonProps.js +0 -2
- package/build/commonjs/Button/LegacyButtonProps.js.map +0 -1
- package/build/commonjs/Checkbox/LegacyCheckbox.js +0 -65
- package/build/commonjs/Checkbox/LegacyCheckbox.js.map +0 -1
- package/build/commonjs/Checkbox/LegacyCheckboxProps.js +0 -2
- package/build/commonjs/Checkbox/LegacyCheckboxProps.js.map +0 -1
- package/build/commonjs/CheckboxGroup/CheckboxGroup.js +0 -50
- package/build/commonjs/CheckboxGroup/CheckboxGroup.js.map +0 -1
- package/build/commonjs/CheckboxGroup/CheckboxGroupProps.js +0 -2
- package/build/commonjs/CheckboxGroup/CheckboxGroupProps.js.map +0 -1
- package/build/commonjs/CheckboxGroup/index.js.map +0 -1
- package/build/commonjs/Chip/LegacyChip.js +0 -98
- package/build/commonjs/Chip/LegacyChip.js.map +0 -1
- package/build/commonjs/Chip/LegacyChipProps.js +0 -2
- package/build/commonjs/Chip/LegacyChipProps.js.map +0 -1
- package/build/commonjs/Dialog/LegacyDialog.js +0 -181
- package/build/commonjs/Dialog/LegacyDialog.js.map +0 -1
- package/build/commonjs/Dialog/LegacyDialogProps.js +0 -2
- package/build/commonjs/Dialog/LegacyDialogProps.js.map +0 -1
- package/build/commonjs/DialogActions/LegacyDialogActions.js +0 -30
- package/build/commonjs/DialogActions/LegacyDialogActions.js.map +0 -1
- package/build/commonjs/DialogContent/LegacyDialogContent.js +0 -36
- package/build/commonjs/DialogContent/LegacyDialogContent.js.map +0 -1
- package/build/commonjs/DialogContent/LegacyDialogContentProps.js +0 -2
- package/build/commonjs/DialogContent/LegacyDialogContentProps.js.map +0 -1
- package/build/commonjs/DialogMedia/LegacyDialogMedia.js +0 -33
- package/build/commonjs/DialogMedia/LegacyDialogMedia.js.map +0 -1
- package/build/commonjs/DialogMedia/LegacyDialogMediaProps.js +0 -2
- package/build/commonjs/DialogMedia/LegacyDialogMediaProps.js.map +0 -1
- package/build/commonjs/DialogTitle/LegacyDialogTitle.js +0 -36
- package/build/commonjs/DialogTitle/LegacyDialogTitle.js.map +0 -1
- package/build/commonjs/DialogTitle/LegacyDialogTitleProps.js +0 -2
- package/build/commonjs/DialogTitle/LegacyDialogTitleProps.js.map +0 -1
- package/build/commonjs/Divider/LegacyDivider.js +0 -114
- package/build/commonjs/Divider/LegacyDivider.js.map +0 -1
- package/build/commonjs/Divider/LegacyDividerProps.js +0 -2
- package/build/commonjs/Divider/LegacyDividerProps.js.map +0 -1
- package/build/commonjs/IconButton/LegacyIconButton.js +0 -89
- package/build/commonjs/IconButton/LegacyIconButton.js.map +0 -1
- package/build/commonjs/IconButton/LegacyIconButtonProps.js +0 -2
- package/build/commonjs/IconButton/LegacyIconButtonProps.js.map +0 -1
- package/build/commonjs/Pagination/LegacyPagination.js +0 -145
- package/build/commonjs/Pagination/LegacyPagination.js.map +0 -1
- package/build/commonjs/Pagination/LegacyPaginationProps.js +0 -2
- package/build/commonjs/Pagination/LegacyPaginationProps.js.map +0 -1
- package/build/commonjs/PaginationItem/LegacyPaginationItem.js.map +0 -1
- package/build/commonjs/Radio/LegacyRadio.js +0 -82
- package/build/commonjs/Radio/LegacyRadio.js.map +0 -1
- package/build/commonjs/Radio/LegacyRadioProps.js +0 -2
- package/build/commonjs/Radio/LegacyRadioProps.js.map +0 -1
- package/build/commonjs/RadioGroup/LegacyRadioGroup.js +0 -31
- package/build/commonjs/RadioGroup/LegacyRadioGroup.js.map +0 -1
- package/build/commonjs/Snackbar/LegacySnackbar.js +0 -134
- package/build/commonjs/Snackbar/LegacySnackbar.js.map +0 -1
- package/build/commonjs/Snackbar/LegacySnackbarProps.js +0 -2
- package/build/commonjs/Snackbar/LegacySnackbarProps.js.map +0 -1
- package/build/commonjs/SnackbarContent/LegacySnackbarContent.js +0 -105
- package/build/commonjs/SnackbarContent/LegacySnackbarContent.js.map +0 -1
- package/build/commonjs/SnackbarContent/LegacySnackbarContentProps.js +0 -2
- package/build/commonjs/SnackbarContent/LegacySnackbarContentProps.js.map +0 -1
- package/build/commonjs/SvgIcon/LegacySvgIcon.js.map +0 -1
- package/build/commonjs/SvgIcon/LegacySvgIconProps.js +0 -2
- package/build/commonjs/SvgIcon/LegacySvgIconProps.js.map +0 -1
- package/build/commonjs/Tab/LegacyTab.js +0 -126
- package/build/commonjs/Tab/LegacyTab.js.map +0 -1
- package/build/commonjs/Tab/LegacyTabProps.js +0 -2
- package/build/commonjs/Tab/LegacyTabProps.js.map +0 -1
- package/build/commonjs/Tab/TabIndicator.js +0 -44
- package/build/commonjs/Tab/TabIndicator.js.map +0 -1
- package/build/commonjs/TabBase/LegacyTabBase.js +0 -57
- package/build/commonjs/TabBase/LegacyTabBase.js.map +0 -1
- package/build/commonjs/Tabs/LegacyTabIndicator.js +0 -120
- package/build/commonjs/Tabs/LegacyTabIndicator.js.map +0 -1
- package/build/commonjs/Tabs/LegacyTabIndicatorProps.js +0 -2
- package/build/commonjs/Tabs/LegacyTabIndicatorProps.js.map +0 -1
- package/build/commonjs/Tabs/LegacyTabs.js +0 -207
- package/build/commonjs/Tabs/LegacyTabs.js.map +0 -1
- package/build/commonjs/Tabs/LegacyTabsProps.js +0 -2
- package/build/commonjs/Tabs/LegacyTabsProps.js.map +0 -1
- package/build/commonjs/TextField/InputLabel.js +0 -163
- package/build/commonjs/TextField/InputLabel.js.map +0 -1
- package/build/commonjs/TextField/LegacyTextField.js +0 -195
- package/build/commonjs/TextField/LegacyTextField.js.map +0 -1
- package/build/commonjs/TextField/LegacyTextFieldProps.js +0 -2
- package/build/commonjs/TextField/LegacyTextFieldProps.js.map +0 -1
- package/build/commonjs/TextField/OutlinedTextField.js +0 -190
- package/build/commonjs/TextField/OutlinedTextField.js.map +0 -1
- package/build/commonjs/Tooltip/LegacyTooltip.js +0 -147
- package/build/commonjs/Tooltip/LegacyTooltip.js.map +0 -1
- package/build/commonjs/Tooltip/LegacyTooltipProps.js +0 -2
- package/build/commonjs/Tooltip/LegacyTooltipProps.js.map +0 -1
- package/build/commonjs/Tooltip/UpArrow.js +0 -34
- package/build/commonjs/Tooltip/UpArrow.js.map +0 -1
- package/build/commonjs/Tooltip/UpArrowProps.js +0 -2
- package/build/commonjs/Tooltip/UpArrowProps.js.map +0 -1
- package/build/commonjs/Typography/LegacyTypography.js +0 -142
- package/build/commonjs/Typography/LegacyTypography.js.map +0 -1
- package/build/commonjs/Typography/LegacyTypographyProps.js +0 -2
- package/build/commonjs/Typography/LegacyTypographyProps.js.map +0 -1
- package/build/module/Accordion/LegacyAccordion.js +0 -148
- package/build/module/Accordion/LegacyAccordion.js.map +0 -1
- package/build/module/Accordion/LegacyAccordionProps.js +0 -2
- package/build/module/Accordion/LegacyAccordionProps.js.map +0 -1
- package/build/module/Badge/LegacyBadge.js +0 -48
- package/build/module/Badge/LegacyBadge.js.map +0 -1
- package/build/module/Badge/LegacyBadgeProps.js +0 -2
- package/build/module/Badge/LegacyBadgeProps.js.map +0 -1
- package/build/module/Button/LegacyButton.js +0 -127
- package/build/module/Button/LegacyButton.js.map +0 -1
- package/build/module/Button/LegacyButtonProps.js +0 -2
- package/build/module/Button/LegacyButtonProps.js.map +0 -1
- package/build/module/Checkbox/LegacyCheckbox.js +0 -52
- package/build/module/Checkbox/LegacyCheckbox.js.map +0 -1
- package/build/module/Checkbox/LegacyCheckboxProps.js +0 -2
- package/build/module/Checkbox/LegacyCheckboxProps.js.map +0 -1
- package/build/module/CheckboxGroup/CheckboxGroup.js +0 -34
- package/build/module/CheckboxGroup/CheckboxGroup.js.map +0 -1
- package/build/module/CheckboxGroup/CheckboxGroupProps.js +0 -2
- package/build/module/CheckboxGroup/CheckboxGroupProps.js.map +0 -1
- package/build/module/CheckboxGroup/index.js +0 -2
- package/build/module/CheckboxGroup/index.js.map +0 -1
- package/build/module/Chip/LegacyChip.js +0 -84
- package/build/module/Chip/LegacyChip.js.map +0 -1
- package/build/module/Chip/LegacyChipProps.js +0 -2
- package/build/module/Chip/LegacyChipProps.js.map +0 -1
- package/build/module/Dialog/LegacyDialog.js +0 -160
- package/build/module/Dialog/LegacyDialog.js.map +0 -1
- package/build/module/Dialog/LegacyDialogProps.js +0 -2
- package/build/module/Dialog/LegacyDialogProps.js.map +0 -1
- package/build/module/DialogActions/LegacyDialogActions.js +0 -17
- package/build/module/DialogActions/LegacyDialogActions.js.map +0 -1
- package/build/module/DialogContent/LegacyDialogContent.js +0 -22
- package/build/module/DialogContent/LegacyDialogContent.js.map +0 -1
- package/build/module/DialogContent/LegacyDialogContentProps.js +0 -2
- package/build/module/DialogContent/LegacyDialogContentProps.js.map +0 -1
- package/build/module/DialogMedia/LegacyDialogMedia.js +0 -21
- package/build/module/DialogMedia/LegacyDialogMedia.js.map +0 -1
- package/build/module/DialogMedia/LegacyDialogMediaProps.js +0 -2
- package/build/module/DialogMedia/LegacyDialogMediaProps.js.map +0 -1
- package/build/module/DialogTitle/LegacyDialogTitle.js +0 -22
- package/build/module/DialogTitle/LegacyDialogTitle.js.map +0 -1
- package/build/module/DialogTitle/LegacyDialogTitleProps.js +0 -2
- package/build/module/DialogTitle/LegacyDialogTitleProps.js.map +0 -1
- package/build/module/Divider/LegacyDivider.js +0 -100
- package/build/module/Divider/LegacyDivider.js.map +0 -1
- package/build/module/Divider/LegacyDividerProps.js +0 -2
- package/build/module/Divider/LegacyDividerProps.js.map +0 -1
- package/build/module/IconButton/LegacyIconButton.js +0 -74
- package/build/module/IconButton/LegacyIconButton.js.map +0 -1
- package/build/module/IconButton/LegacyIconButtonProps.js +0 -2
- package/build/module/IconButton/LegacyIconButtonProps.js.map +0 -1
- package/build/module/Pagination/LegacyPagination.js +0 -129
- package/build/module/Pagination/LegacyPagination.js.map +0 -1
- package/build/module/Pagination/LegacyPaginationProps.js +0 -2
- package/build/module/Pagination/LegacyPaginationProps.js.map +0 -1
- package/build/module/PaginationItem/LegacyPaginationItem.js.map +0 -1
- package/build/module/Radio/LegacyRadio.js +0 -63
- package/build/module/Radio/LegacyRadio.js.map +0 -1
- package/build/module/Radio/LegacyRadioProps.js +0 -2
- package/build/module/Radio/LegacyRadioProps.js.map +0 -1
- package/build/module/RadioGroup/LegacyRadioGroup.js +0 -18
- package/build/module/RadioGroup/LegacyRadioGroup.js.map +0 -1
- package/build/module/Snackbar/LegacySnackbar.js +0 -107
- package/build/module/Snackbar/LegacySnackbar.js.map +0 -1
- package/build/module/Snackbar/LegacySnackbarProps.js +0 -2
- package/build/module/Snackbar/LegacySnackbarProps.js.map +0 -1
- package/build/module/SnackbarContent/LegacySnackbarContent.js +0 -84
- package/build/module/SnackbarContent/LegacySnackbarContent.js.map +0 -1
- package/build/module/SnackbarContent/LegacySnackbarContentProps.js +0 -2
- package/build/module/SnackbarContent/LegacySnackbarContentProps.js.map +0 -1
- package/build/module/SvgIcon/LegacySvgIcon.js +0 -30
- package/build/module/SvgIcon/LegacySvgIcon.js.map +0 -1
- package/build/module/SvgIcon/LegacySvgIconProps.js +0 -2
- package/build/module/SvgIcon/LegacySvgIconProps.js.map +0 -1
- package/build/module/Tab/LegacyTab.js +0 -105
- package/build/module/Tab/LegacyTab.js.map +0 -1
- package/build/module/Tab/LegacyTabProps.js +0 -2
- package/build/module/Tab/LegacyTabProps.js.map +0 -1
- package/build/module/Tab/TabIndicator.js +0 -31
- package/build/module/Tab/TabIndicator.js.map +0 -1
- package/build/module/TabBase/LegacyTabBase.js +0 -44
- package/build/module/TabBase/LegacyTabBase.js.map +0 -1
- package/build/module/Tabs/LegacyTabIndicator.js +0 -99
- package/build/module/Tabs/LegacyTabIndicator.js.map +0 -1
- package/build/module/Tabs/LegacyTabIndicatorProps.js +0 -2
- package/build/module/Tabs/LegacyTabIndicatorProps.js.map +0 -1
- package/build/module/Tabs/LegacyTabs.js +0 -182
- package/build/module/Tabs/LegacyTabs.js.map +0 -1
- package/build/module/Tabs/LegacyTabsProps.js +0 -2
- package/build/module/Tabs/LegacyTabsProps.js.map +0 -1
- package/build/module/TextField/InputLabel.js +0 -149
- package/build/module/TextField/InputLabel.js.map +0 -1
- package/build/module/TextField/LegacyTextField.js +0 -169
- package/build/module/TextField/LegacyTextField.js.map +0 -1
- package/build/module/TextField/LegacyTextFieldProps.js +0 -2
- package/build/module/TextField/LegacyTextFieldProps.js.map +0 -1
- package/build/module/TextField/OutlinedTextField.js +0 -174
- package/build/module/TextField/OutlinedTextField.js.map +0 -1
- package/build/module/Tooltip/LegacyTooltip.js +0 -121
- package/build/module/Tooltip/LegacyTooltip.js.map +0 -1
- package/build/module/Tooltip/LegacyTooltipProps.js +0 -2
- package/build/module/Tooltip/LegacyTooltipProps.js.map +0 -1
- package/build/module/Tooltip/UpArrow.js +0 -22
- package/build/module/Tooltip/UpArrow.js.map +0 -1
- package/build/module/Tooltip/UpArrowProps.js +0 -2
- package/build/module/Tooltip/UpArrowProps.js.map +0 -1
- package/build/module/Typography/LegacyTypography.js +0 -126
- package/build/module/Typography/LegacyTypography.js.map +0 -1
- package/build/module/Typography/LegacyTypographyProps.js +0 -2
- package/build/module/Typography/LegacyTypographyProps.js.map +0 -1
- package/build/typescript/Accordion/LegacyAccordion.d.ts +0 -3
- package/build/typescript/Accordion/LegacyAccordionProps.d.ts +0 -28
- package/build/typescript/Badge/LegacyBadge.d.ts +0 -3
- package/build/typescript/Badge/LegacyBadgeProps.d.ts +0 -34
- package/build/typescript/Button/LegacyButton.d.ts +0 -3
- package/build/typescript/Button/LegacyButtonProps.d.ts +0 -51
- package/build/typescript/Checkbox/LegacyCheckbox.d.ts +0 -3
- package/build/typescript/Checkbox/LegacyCheckboxProps.d.ts +0 -36
- package/build/typescript/CheckboxGroup/CheckboxGroup.d.ts +0 -3
- package/build/typescript/CheckboxGroup/CheckboxGroupProps.d.ts +0 -11
- package/build/typescript/CheckboxGroup/index.d.ts +0 -2
- package/build/typescript/Chip/LegacyChip.d.ts +0 -3
- package/build/typescript/Chip/LegacyChipProps.d.ts +0 -28
- package/build/typescript/Dialog/LegacyDialog.d.ts +0 -3
- package/build/typescript/Dialog/LegacyDialogProps.d.ts +0 -25
- package/build/typescript/DialogActions/LegacyDialogActions.d.ts +0 -3
- package/build/typescript/DialogContent/LegacyDialogContent.d.ts +0 -3
- package/build/typescript/DialogContent/LegacyDialogContentProps.d.ts +0 -10
- package/build/typescript/DialogMedia/LegacyDialogMedia.d.ts +0 -3
- package/build/typescript/DialogMedia/LegacyDialogMediaProps.d.ts +0 -15
- package/build/typescript/DialogTitle/LegacyDialogTitle.d.ts +0 -3
- package/build/typescript/DialogTitle/LegacyDialogTitleProps.d.ts +0 -15
- package/build/typescript/Divider/LegacyDivider.d.ts +0 -3
- package/build/typescript/Divider/LegacyDividerProps.d.ts +0 -41
- package/build/typescript/IconButton/LegacyIconButton.d.ts +0 -3
- package/build/typescript/IconButton/LegacyIconButtonProps.d.ts +0 -30
- package/build/typescript/Pagination/LegacyPagination.d.ts +0 -3
- package/build/typescript/Pagination/LegacyPaginationProps.d.ts +0 -71
- package/build/typescript/PaginationItem/LegacyPaginationItem.d.ts +0 -5
- package/build/typescript/Radio/LegacyRadio.d.ts +0 -3
- package/build/typescript/Radio/LegacyRadioProps.d.ts +0 -43
- package/build/typescript/RadioGroup/LegacyRadioGroup.d.ts +0 -3
- package/build/typescript/Snackbar/LegacySnackbar.d.ts +0 -3
- package/build/typescript/Snackbar/LegacySnackbarProps.d.ts +0 -51
- package/build/typescript/SnackbarContent/LegacySnackbarContent.d.ts +0 -3
- package/build/typescript/SnackbarContent/LegacySnackbarContentProps.d.ts +0 -26
- package/build/typescript/SvgIcon/LegacySvgIcon.d.ts +0 -3
- package/build/typescript/SvgIcon/LegacySvgIconProps.d.ts +0 -35
- package/build/typescript/Tab/LegacyTab.d.ts +0 -3
- package/build/typescript/Tab/LegacyTabProps.d.ts +0 -58
- package/build/typescript/Tab/TabIndicator.d.ts +0 -7
- package/build/typescript/TabBase/LegacyTabBase.d.ts +0 -3
- package/build/typescript/Tabs/LegacyTabIndicator.d.ts +0 -3
- package/build/typescript/Tabs/LegacyTabIndicatorProps.d.ts +0 -32
- package/build/typescript/Tabs/LegacyTabs.d.ts +0 -5
- package/build/typescript/Tabs/LegacyTabsProps.d.ts +0 -79
- package/build/typescript/TextField/InputLabel.d.ts +0 -33
- package/build/typescript/TextField/LegacyTextField.d.ts +0 -5
- package/build/typescript/TextField/LegacyTextFieldProps.d.ts +0 -67
- package/build/typescript/TextField/OutlinedTextField.d.ts +0 -17
- package/build/typescript/Tooltip/LegacyTooltip.d.ts +0 -3
- package/build/typescript/Tooltip/LegacyTooltipProps.d.ts +0 -72
- package/build/typescript/Tooltip/UpArrow.d.ts +0 -5
- package/build/typescript/Tooltip/UpArrowProps.d.ts +0 -17
- package/build/typescript/Typography/LegacyTypography.d.ts +0 -5
- package/build/typescript/Typography/LegacyTypographyProps.d.ts +0 -81
- package/src/Accordion/LegacyAccordion.tsx +0 -188
- package/src/Accordion/LegacyAccordionProps.ts +0 -34
- package/src/Badge/LegacyBadge.tsx +0 -66
- package/src/Badge/LegacyBadgeProps.ts +0 -40
- package/src/Button/LegacyButton.tsx +0 -157
- package/src/Button/LegacyButtonProps.ts +0 -62
- package/src/Checkbox/LegacyCheckbox.tsx +0 -62
- package/src/Checkbox/LegacyCheckboxProps.ts +0 -42
- package/src/CheckboxGroup/CheckboxGroup.tsx +0 -47
- package/src/CheckboxGroup/CheckboxGroupProps.ts +0 -11
- package/src/CheckboxGroup/index.ts +0 -2
- package/src/Chip/LegacyChip.tsx +0 -116
- package/src/Chip/LegacyChipProps.ts +0 -33
- package/src/Dialog/LegacyDialog.tsx +0 -198
- package/src/Dialog/LegacyDialogProps.ts +0 -28
- package/src/DialogActions/LegacyDialogActions.tsx +0 -23
- package/src/DialogContent/LegacyDialogContent.tsx +0 -30
- package/src/DialogContent/LegacyDialogContentProps.ts +0 -10
- package/src/DialogMedia/LegacyDialogMedia.tsx +0 -21
- package/src/DialogMedia/LegacyDialogMediaProps.ts +0 -16
- package/src/DialogTitle/LegacyDialogTitle.tsx +0 -30
- package/src/DialogTitle/LegacyDialogTitleProps.ts +0 -16
- package/src/Divider/LegacyDivider.tsx +0 -114
- package/src/Divider/LegacyDividerProps.ts +0 -48
- package/src/IconButton/LegacyIconButton.tsx +0 -97
- package/src/IconButton/LegacyIconButtonProps.ts +0 -36
- package/src/Pagination/LegacyPagination.tsx +0 -168
- package/src/Pagination/LegacyPaginationProps.ts +0 -85
- package/src/PaginationItem/LegacyPaginationItem.tsx +0 -52
- package/src/Radio/LegacyRadio.tsx +0 -72
- package/src/Radio/LegacyRadioProps.ts +0 -50
- package/src/RadioGroup/LegacyRadioGroup.tsx +0 -20
- package/src/Snackbar/LegacySnackbar.tsx +0 -130
- package/src/Snackbar/LegacySnackbarProps.ts +0 -61
- package/src/SnackbarContent/LegacySnackbarContent.tsx +0 -129
- package/src/SnackbarContent/LegacySnackbarContentProps.ts +0 -30
- package/src/SvgIcon/LegacySvgIcon.tsx +0 -36
- package/src/SvgIcon/LegacySvgIconProps.ts +0 -41
- package/src/Tab/LegacyTab.tsx +0 -141
- package/src/Tab/LegacyTabProps.ts +0 -68
- package/src/Tab/TabIndicator.tsx +0 -38
- package/src/TabBase/LegacyTabBase.tsx +0 -55
- package/src/Tabs/LegacyTabIndicator.tsx +0 -112
- package/src/Tabs/LegacyTabIndicatorProps.ts +0 -37
- package/src/Tabs/LegacyTabs.tsx +0 -227
- package/src/Tabs/LegacyTabsProps.ts +0 -93
- package/src/TextField/InputLabel.tsx +0 -234
- package/src/TextField/LegacyTextField.tsx +0 -168
- package/src/TextField/LegacyTextFieldProps.ts +0 -80
- package/src/TextField/OutlinedTextField.tsx +0 -234
- package/src/Tooltip/LegacyTooltip.tsx +0 -167
- package/src/Tooltip/LegacyTooltipProps.ts +0 -86
- package/src/Tooltip/UpArrow.tsx +0 -21
- package/src/Tooltip/UpArrowProps.ts +0 -19
- package/src/Typography/LegacyTypography.tsx +0 -107
- package/src/Typography/LegacyTypographyProps.ts +0 -122
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","ButtonBase","Radio","RadioIcon","RadioChecked","RadioCheckedIcon","css","RadioContext","ICON_SIZE","useStyles","root","alignItems","flexDirection","props","checked","children","checkedIcon","checkIconProp","uncheckedIcon","uncheckedIconProp","disabled","iconPlacement","onChange","onChangeProp","style","value","otherProps","styles","context","useContext","handlePress","isChecked","icon","rootStyle"],"sources":["LegacyRadio.tsx"],"sourcesContent":["import React from 'react';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { Radio as RadioIcon, RadioChecked as RadioCheckedIcon } from '../internal';\nimport { css } from '../styles';\nimport { RadioContext } from '../RadioGroup/RadioContextProvider';\nimport type RadioProps from './LegacyRadioProps';\n\ntype RadioStyles = NamedStylesStringUnion<'root'>;\n\nconst ICON_SIZE = 20;\n\nconst useStyles: UseStyles<RadioStyles> = function (): RadioStyles {\n return {\n root: {\n alignItems: 'center',\n flexDirection: 'row',\n },\n };\n};\n\nexport default function Radio(props: RadioProps) {\n const {\n checked = false,\n children,\n checkedIcon: checkIconProp,\n uncheckedIcon: uncheckedIconProp,\n disabled = false,\n iconPlacement = 'left',\n onChange: onChangeProp,\n style,\n value,\n ...otherProps\n } = props;\n\n const styles = useStyles();\n\n const context = React.useContext(RadioContext);\n\n const handlePress = () => {\n const onChange = context?.onChange ?? onChangeProp;\n if (onChange) {\n onChange(value);\n }\n };\n\n const isChecked = context?.value === value ?? checked;\n\n const checkedIcon = checkIconProp ?? <RadioCheckedIcon width={ICON_SIZE} height={ICON_SIZE} color={'primary'}/>;\n const uncheckedIcon = uncheckedIconProp ?? <RadioIcon width={ICON_SIZE} height={ICON_SIZE} color={'tertiary'}/>;\n const icon = isChecked ? checkedIcon : uncheckedIcon;\n\n const rootStyle = css([\n styles.root,\n style,\n ]);\n\n return (\n <ButtonBase\n disabled={disabled}\n onPress={handlePress}\n style={rootStyle}\n {...otherProps}\n >\n {iconPlacement === 'left' ? icon : null}\n\n {children ? children : null}\n\n {iconPlacement === 'right' ? icon : null}\n </ButtonBase>\n );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,KAAK,IAAIC,SAAlB,EAA6BC,YAAY,IAAIC,gBAA7C,QAAqE,aAArE;AACA,SAASC,GAAT,QAAoB,WAApB;AACA,SAASC,YAAT,QAA6B,oCAA7B;AAKA,MAAMC,SAAS,GAAG,EAAlB;;AAEA,MAAMC,SAAiC,GAAG,YAAyB;EAC/D,OAAO;IACHC,IAAI,EAAE;MACFC,UAAU,EAAE,QADV;MAEFC,aAAa,EAAE;IAFb;EADH,CAAP;AAMH,CAPD;;AASA,eAAe,SAASV,KAAT,CAAeW,KAAf,EAAkC;EAC7C,MAAM;IACFC,OAAO,GAAG,KADR;IAEFC,QAFE;IAGFC,WAAW,EAAEC,aAHX;IAIFC,aAAa,EAAEC,iBAJb;IAKFC,QAAQ,GAAG,KALT;IAMFC,aAAa,GAAG,MANd;IAOFC,QAAQ,EAAEC,YAPR;IAQFC,KARE;IASFC,KATE;IAUF,GAAGC;EAVD,IAWFb,KAXJ;EAaA,MAAMc,MAAM,GAAGlB,SAAS,EAAxB;EAEA,MAAMmB,OAAO,GAAG5B,KAAK,CAAC6B,UAAN,CAAiBtB,YAAjB,CAAhB;;EAEA,MAAMuB,WAAW,GAAG,MAAM;IACtB,MAAMR,QAAQ,GAAG,CAAAM,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEN,QAAT,KAAqBC,YAAtC;;IACA,IAAID,QAAJ,EAAc;MACVA,QAAQ,CAACG,KAAD,CAAR;IACH;EACJ,CALD;;EAOA,MAAMM,SAAS,GAAG,CAAAH,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEH,KAAT,MAAmBA,KAAnB,IAA4BX,OAA9C;EAEA,MAAME,WAAW,GAAGC,aAAa,iBAAI,oBAAC,gBAAD;IAAkB,KAAK,EAAET,SAAzB;IAAoC,MAAM,EAAEA,SAA5C;IAAuD,KAAK,EAAE;EAA9D,EAArC;EACA,MAAMU,aAAa,GAAGC,iBAAiB,iBAAI,oBAAC,SAAD;IAAW,KAAK,EAAEX,SAAlB;IAA6B,MAAM,EAAEA,SAArC;IAAgD,KAAK,EAAE;EAAvD,EAA3C;EACA,MAAMwB,IAAI,GAAGD,SAAS,GAAGf,WAAH,GAAiBE,aAAvC;EAEA,MAAMe,SAAS,GAAG3B,GAAG,CAAC,CAClBqB,MAAM,CAACjB,IADW,EAElBc,KAFkB,CAAD,CAArB;EAKA,oBACI,oBAAC,UAAD;IACI,QAAQ,EAAEJ,QADd;IAEI,OAAO,EAAEU,WAFb;IAGI,KAAK,EAAEG;EAHX,GAIQP,UAJR,GAMKL,aAAa,KAAK,MAAlB,GAA2BW,IAA3B,GAAkC,IANvC,EAQKjB,QAAQ,GAAGA,QAAH,GAAc,IAR3B,EAUKM,aAAa,KAAK,OAAlB,GAA4BW,IAA5B,GAAmC,IAVxC,CADJ;AAcH;AAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["LegacyRadioProps.ts"],"sourcesContent":["import React from 'react';\nimport type { OverridableComponentProps } from '../types';\nimport type { ButtonBaseProps } from '../ButtonBase';\n\ntype BaseProps = Omit<ButtonBaseProps, 'onPress' | 'children'>;\n\nexport default interface RadioProps extends OverridableComponentProps<BaseProps, {\n /**\n * If `true`, the component is checked.\n * @default false\n */\n checked?: boolean;\n\n /**\n * Content which is sharing pressable next to radio.\n */\n children?: React.ReactNode;\n\n /**\n * If `true`, the radio is disabled.\n * @default false\n */\n disabled?: boolean;\n\n /**\n * Callback fired when the component is pressed.\n */\n onChange?: (newValue: string) => void;\n\n /**\n * Value of the component.\n */\n value: string;\n\n /**\n * Determines the placement of the icon relative to the children.\n * @default 'left'\n */\n iconPlacement?: 'right' | 'left';\n\n /**\n * Custom icon element to display when the radio is unchecked.\n */\n uncheckedIcon?: React.ReactNode;\n\n /**\n * Custom icon element to display when the radio is checked.\n */\n checkedIcon?: React.ReactNode;\n}> {}\n"],"mappings":""}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { View } from 'react-native';
|
|
3
|
-
import RadioContextProvider from './RadioContextProvider';
|
|
4
|
-
export default function RadioGroup(props) {
|
|
5
|
-
const {
|
|
6
|
-
value,
|
|
7
|
-
onChange,
|
|
8
|
-
...otherProps
|
|
9
|
-
} = props;
|
|
10
|
-
return /*#__PURE__*/React.createElement(RadioContextProvider, {
|
|
11
|
-
value: {
|
|
12
|
-
value,
|
|
13
|
-
onChange
|
|
14
|
-
}
|
|
15
|
-
}, /*#__PURE__*/React.createElement(View, otherProps));
|
|
16
|
-
}
|
|
17
|
-
;
|
|
18
|
-
//# sourceMappingURL=LegacyRadioGroup.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","RadioContextProvider","RadioGroup","props","value","onChange","otherProps"],"sources":["LegacyRadioGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport RadioContextProvider from './RadioContextProvider';\nimport type RadioGroupProps from './RadioGroupProps';\n\nexport default function RadioGroup(props: RadioGroupProps) {\n const {\n value,\n onChange,\n ...otherProps\n } = props;\n\n return (\n <RadioContextProvider value={{ value, onChange }}>\n <View\n {...otherProps}\n />\n </RadioContextProvider>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,OAAOC,oBAAP,MAAiC,wBAAjC;AAGA,eAAe,SAASC,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IACFC,KADE;IAEFC,QAFE;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,oBACI,oBAAC,oBAAD;IAAsB,KAAK,EAAE;MAAEC,KAAF;MAASC;IAAT;EAA7B,gBACI,oBAAC,IAAD,EACQC,UADR,CADJ,CADJ;AAOH;AAAA"}
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
import React, { useEffect } from 'react';
|
|
4
|
-
import { Animated, Easing } from 'react-native';
|
|
5
|
-
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
6
|
-
import Slide from '../Slide';
|
|
7
|
-
import SnackbarContent from '../SnackbarContent';
|
|
8
|
-
import { useAnimatedValue } from '../hooks';
|
|
9
|
-
import { useTheme } from '../styles';
|
|
10
|
-
import { isNotAndroid12 } from '../utils';
|
|
11
|
-
const fadeDuration = 300;
|
|
12
|
-
const fadeAnimationDelay = 100;
|
|
13
|
-
|
|
14
|
-
const useStyles = function () {
|
|
15
|
-
const theme = useTheme();
|
|
16
|
-
const insets = useSafeAreaInsets();
|
|
17
|
-
return {
|
|
18
|
-
root: {
|
|
19
|
-
alignSelf: 'center',
|
|
20
|
-
bottom: theme.spacing(2),
|
|
21
|
-
maxWidth: 480,
|
|
22
|
-
paddingBottom: insets.bottom,
|
|
23
|
-
paddingHorizontal: theme.spacing(2),
|
|
24
|
-
position: 'absolute',
|
|
25
|
-
width: '100%',
|
|
26
|
-
// TODO: Need to remove zIndex.
|
|
27
|
-
zIndex: 32
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
export default function Snackbar(props) {
|
|
33
|
-
const {
|
|
34
|
-
actionLabel,
|
|
35
|
-
animatedY,
|
|
36
|
-
autoHideDuration = null,
|
|
37
|
-
children,
|
|
38
|
-
message,
|
|
39
|
-
title,
|
|
40
|
-
startIcon,
|
|
41
|
-
onActionPress,
|
|
42
|
-
onClose,
|
|
43
|
-
style,
|
|
44
|
-
visible = false,
|
|
45
|
-
...otherProps
|
|
46
|
-
} = props;
|
|
47
|
-
const autoHideTimer = React.useRef(null);
|
|
48
|
-
|
|
49
|
-
const clearAutoHideTimeout = () => {
|
|
50
|
-
if (autoHideTimer.current !== null) {
|
|
51
|
-
clearTimeout(autoHideTimer.current);
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
React.useEffect(() => {
|
|
56
|
-
return () => {
|
|
57
|
-
clearAutoHideTimeout();
|
|
58
|
-
};
|
|
59
|
-
}, []);
|
|
60
|
-
React.useEffect(() => {
|
|
61
|
-
if (visible && autoHideDuration !== null) {
|
|
62
|
-
clearAutoHideTimeout(); // @ts-ignore
|
|
63
|
-
|
|
64
|
-
autoHideTimer.current = setTimeout(() => {
|
|
65
|
-
if (onClose) {
|
|
66
|
-
onClose();
|
|
67
|
-
}
|
|
68
|
-
}, autoHideDuration);
|
|
69
|
-
}
|
|
70
|
-
}, [visible, autoHideDuration, onClose]);
|
|
71
|
-
const styles = useStyles();
|
|
72
|
-
const [exited, setExited] = React.useState(true);
|
|
73
|
-
const animatedOpacity = useAnimatedValue(0);
|
|
74
|
-
const animatedStyle = {
|
|
75
|
-
opacity: animatedOpacity
|
|
76
|
-
};
|
|
77
|
-
useEffect(() => {
|
|
78
|
-
Animated.timing(animatedOpacity, {
|
|
79
|
-
toValue: visible ? 1 : 0,
|
|
80
|
-
duration: fadeDuration,
|
|
81
|
-
delay: visible ? fadeAnimationDelay : 0,
|
|
82
|
-
easing: Easing.out(Easing.exp),
|
|
83
|
-
useNativeDriver: isNotAndroid12
|
|
84
|
-
}).start();
|
|
85
|
-
}, [visible]);
|
|
86
|
-
|
|
87
|
-
if (!visible && exited) {
|
|
88
|
-
return null;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
return /*#__PURE__*/React.createElement(Animated.View, _extends({
|
|
92
|
-
style: [animatedStyle, styles.root, style]
|
|
93
|
-
}, otherProps), /*#__PURE__*/React.createElement(Slide, {
|
|
94
|
-
animatedY: animatedY,
|
|
95
|
-
appear: visible,
|
|
96
|
-
onEnter: () => setExited(false),
|
|
97
|
-
onExited: () => setExited(true)
|
|
98
|
-
}, children ? children : /*#__PURE__*/React.createElement(SnackbarContent, {
|
|
99
|
-
title: title,
|
|
100
|
-
startIcon: startIcon,
|
|
101
|
-
actionLabel: actionLabel,
|
|
102
|
-
message: message,
|
|
103
|
-
onActionPress: onActionPress
|
|
104
|
-
})));
|
|
105
|
-
}
|
|
106
|
-
;
|
|
107
|
-
//# sourceMappingURL=LegacySnackbar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","Animated","Easing","useSafeAreaInsets","Slide","SnackbarContent","useAnimatedValue","useTheme","isNotAndroid12","fadeDuration","fadeAnimationDelay","useStyles","theme","insets","root","alignSelf","bottom","spacing","maxWidth","paddingBottom","paddingHorizontal","position","width","zIndex","Snackbar","props","actionLabel","animatedY","autoHideDuration","children","message","title","startIcon","onActionPress","onClose","style","visible","otherProps","autoHideTimer","useRef","clearAutoHideTimeout","current","clearTimeout","setTimeout","styles","exited","setExited","useState","animatedOpacity","animatedStyle","opacity","timing","toValue","duration","delay","easing","out","exp","useNativeDriver","start"],"sources":["LegacySnackbar.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Animated, Easing } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Slide from '../Slide';\nimport SnackbarContent from '../SnackbarContent';\nimport { useAnimatedValue } from '../hooks';\nimport { useTheme } from '../styles';\nimport { isNotAndroid12 } from '../utils';\nimport type SnackbarProps from './LegacySnackbarProps';\n\ntype SnackBarStyles = NamedStylesStringUnion<'root'>;\n\nconst fadeDuration = 300;\nconst fadeAnimationDelay = 100;\n\nconst useStyles: UseStyles<SnackBarStyles> = function (): SnackBarStyles {\n const theme = useTheme();\n const insets = useSafeAreaInsets();\n\n return {\n root: {\n alignSelf: 'center',\n bottom: theme.spacing(2),\n maxWidth: 480,\n paddingBottom: insets.bottom,\n paddingHorizontal: theme.spacing(2),\n position: 'absolute',\n width: '100%',\n // TODO: Need to remove zIndex.\n zIndex: 32,\n },\n };\n};\n\nexport default function Snackbar(props: SnackbarProps) {\n const {\n actionLabel,\n animatedY,\n autoHideDuration = null,\n children,\n message,\n title,\n startIcon,\n onActionPress,\n onClose,\n style,\n visible = false,\n ...otherProps\n } = props;\n\n const autoHideTimer = React.useRef<number | null>(null);\n\n const clearAutoHideTimeout = () => {\n if (autoHideTimer.current !== null) {\n clearTimeout(autoHideTimer.current);\n }\n };\n\n React.useEffect(() => {\n return () => {\n clearAutoHideTimeout();\n };\n }, []);\n\n React.useEffect(() => {\n if (visible && autoHideDuration !== null) {\n clearAutoHideTimeout();\n\n // @ts-ignore\n autoHideTimer.current = setTimeout(() => {\n if (onClose) {\n onClose();\n }\n }, autoHideDuration);\n }\n }, [visible, autoHideDuration, onClose]);\n\n const styles = useStyles();\n\n const [exited, setExited] = React.useState(true);\n\n const animatedOpacity = useAnimatedValue(0);\n\n const animatedStyle = {\n opacity: animatedOpacity,\n };\n\n useEffect(() => {\n Animated.timing(animatedOpacity, {\n toValue: visible ? 1 : 0,\n duration: fadeDuration,\n delay: visible ? fadeAnimationDelay : 0,\n easing: Easing.out(Easing.exp),\n useNativeDriver: isNotAndroid12,\n }).start();\n }, [visible]);\n\n if (!visible && exited) {\n return null;\n }\n\n return (\n <Animated.View\n style={[\n animatedStyle,\n styles.root,\n style,\n ]}\n {...otherProps}\n >\n <Slide\n animatedY={animatedY}\n appear={visible}\n onEnter={() => setExited(false)}\n onExited={() => setExited(true)}\n >\n {children ? children : (\n <SnackbarContent\n title={title}\n startIcon={startIcon}\n actionLabel={actionLabel}\n message={message}\n onActionPress={onActionPress}\n />\n )}\n </Slide>\n </Animated.View>\n );\n};\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["LegacySnackbarProps.ts"],"sourcesContent":["import React from 'react';\n\nimport type { Animated, ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface SnackbarProps extends OverridableComponentProps<ViewProps, {\n /**\n * The text to use for the action component.\n */\n actionLabel?: string;\n\n /**\n * y value for animating.\n */\n animatedY?: Animated.Value;\n\n /**\n * The number of milliseconds to wait before automatically calling the\n * `onDismiss` function. `onDismiss` should then set the state of the `visible`\n * prop to hide the `Snackbar`. This behavior is disabled by default with\n * the `null` value.\n * @default null\n */\n autoHideDuration?: number | null;\n\n /**\n * Replace the `SnackbarContent` component.\n */\n children?: React.ReactNode;\n\n /**\n * The message to display.\n */\n message?: string;\n\n /**\n * Callback fired when the action component pressed.\n */\n onActionPress?: () => void;\n\n /**\n * Callback fired when the component requests to be closed.\n */\n onClose?: () => void;\n\n /**\n * Element placed before the title and message.\n */\n startIcon?: React.ReactElement;\n\n /**\n * The title to display.\n */\n title?: string;\n\n /**\n * If `true`, `Snackbar` is shown.\n * @default false\n */\n visible?: boolean;\n}> {}\n"],"mappings":""}
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { Text } from 'react-native';
|
|
5
|
-
import { lightTheme, darkTheme } from '@fountain-ui/styles';
|
|
6
|
-
import { rgb } from '@fountain-ui/utils';
|
|
7
|
-
import { createFontStyle, css, useTheme } from '../styles';
|
|
8
|
-
import ButtonBase from '../ButtonBase';
|
|
9
|
-
import Column from '../Column';
|
|
10
|
-
import Paper from '../Paper';
|
|
11
|
-
import Spacer from '../Spacer';
|
|
12
|
-
import Typography from '../Typography';
|
|
13
|
-
|
|
14
|
-
const useStyles = function () {
|
|
15
|
-
const theme = useTheme();
|
|
16
|
-
const backgroundColor = theme.palette.primary.main;
|
|
17
|
-
const [r, g, b] = React.useMemo(() => rgb(backgroundColor), [backgroundColor]);
|
|
18
|
-
return {
|
|
19
|
-
root: {
|
|
20
|
-
flexDirection: 'row',
|
|
21
|
-
alignItems: 'center',
|
|
22
|
-
backgroundColor: `rgba(${r}, ${g}, ${b}, .9)`,
|
|
23
|
-
borderRadius: theme.shape.roundness,
|
|
24
|
-
paddingHorizontal: theme.spacing(4),
|
|
25
|
-
paddingVertical: theme.spacing(3)
|
|
26
|
-
},
|
|
27
|
-
action: {
|
|
28
|
-
paddingVertical: theme.spacing(2)
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
export default function SnackbarContent(props) {
|
|
34
|
-
const {
|
|
35
|
-
actionLabel,
|
|
36
|
-
message,
|
|
37
|
-
title,
|
|
38
|
-
onActionPress,
|
|
39
|
-
style,
|
|
40
|
-
startIcon,
|
|
41
|
-
...otherProps
|
|
42
|
-
} = props;
|
|
43
|
-
const styles = useStyles();
|
|
44
|
-
const theme = useTheme();
|
|
45
|
-
const titleFontStyle = createFontStyle(theme, {
|
|
46
|
-
selector: typo => typo.subtitle2,
|
|
47
|
-
color: theme.mode === 'light' ? lightTheme.palette.primary.contrastTextColor : lightTheme.palette.primary.main
|
|
48
|
-
});
|
|
49
|
-
const messageFontStyle = createFontStyle(theme, {
|
|
50
|
-
selector: typo => typo.body2,
|
|
51
|
-
color: title ? theme.mode === 'light' ? darkTheme.palette.text.secondary : lightTheme.palette.text.secondary : theme.palette.primary.contrastTextColor
|
|
52
|
-
});
|
|
53
|
-
const labelFontStyle = createFontStyle(theme, {
|
|
54
|
-
selector: typo => typo.button2,
|
|
55
|
-
color: theme.palette.primary.contrastTextColor
|
|
56
|
-
});
|
|
57
|
-
const labelStyle = css([labelFontStyle, {
|
|
58
|
-
padding: theme.spacing(2)
|
|
59
|
-
}]);
|
|
60
|
-
return /*#__PURE__*/React.createElement(Paper, _extends({
|
|
61
|
-
elevation: 0,
|
|
62
|
-
style: css([styles.root, actionLabel ? styles.action : undefined, style])
|
|
63
|
-
}, otherProps), startIcon ? /*#__PURE__*/React.createElement(React.Fragment, null, startIcon, /*#__PURE__*/React.createElement(Spacer, {
|
|
64
|
-
size: 3
|
|
65
|
-
})) : null, /*#__PURE__*/React.createElement(Column, null, title ? /*#__PURE__*/React.createElement(Typography, {
|
|
66
|
-
children: title,
|
|
67
|
-
style: css([titleFontStyle])
|
|
68
|
-
}) : null, /*#__PURE__*/React.createElement(Text, {
|
|
69
|
-
children: message,
|
|
70
|
-
style: css([messageFontStyle])
|
|
71
|
-
})), actionLabel ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Spacer, {
|
|
72
|
-
flex: 1
|
|
73
|
-
}), /*#__PURE__*/React.createElement(Spacer, {
|
|
74
|
-
size: 1
|
|
75
|
-
}), /*#__PURE__*/React.createElement(ButtonBase, {
|
|
76
|
-
onPress: onActionPress,
|
|
77
|
-
pressEffect: 'none'
|
|
78
|
-
}, /*#__PURE__*/React.createElement(Text, {
|
|
79
|
-
children: actionLabel,
|
|
80
|
-
style: labelStyle
|
|
81
|
-
}))) : null);
|
|
82
|
-
}
|
|
83
|
-
;
|
|
84
|
-
//# sourceMappingURL=LegacySnackbarContent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","Text","lightTheme","darkTheme","rgb","createFontStyle","css","useTheme","ButtonBase","Column","Paper","Spacer","Typography","useStyles","theme","backgroundColor","palette","primary","main","r","g","b","useMemo","root","flexDirection","alignItems","borderRadius","shape","roundness","paddingHorizontal","spacing","paddingVertical","action","SnackbarContent","props","actionLabel","message","title","onActionPress","style","startIcon","otherProps","styles","titleFontStyle","selector","typo","subtitle2","color","mode","contrastTextColor","messageFontStyle","body2","text","secondary","labelFontStyle","button2","labelStyle","padding","undefined"],"sources":["LegacySnackbarContent.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { lightTheme, darkTheme } from '@fountain-ui/styles';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { rgb } from '@fountain-ui/utils';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport ButtonBase from '../ButtonBase';\nimport Column from '../Column';\nimport Paper from '../Paper';\nimport Spacer from '../Spacer';\nimport Typography from '../Typography';\nimport type SnackbarContentProps from './LegacySnackbarContentProps';\n\ntype SnackBarContentStyles = NamedStylesStringUnion<'root' | 'action'>;\n\nconst useStyles: UseStyles<SnackBarContentStyles> = function (): SnackBarContentStyles {\n const theme = useTheme();\n\n const backgroundColor = theme.palette.primary.main;\n const [r, g, b] = React.useMemo(() => rgb(backgroundColor), [backgroundColor]);\n\n return {\n root: {\n flexDirection: 'row',\n alignItems: 'center',\n backgroundColor: `rgba(${r}, ${g}, ${b}, .9)`,\n borderRadius: theme.shape.roundness,\n paddingHorizontal: theme.spacing(4),\n paddingVertical: theme.spacing(3),\n },\n action: {\n paddingVertical: theme.spacing(2),\n },\n };\n};\n\nexport default function SnackbarContent(props: SnackbarContentProps) {\n const {\n actionLabel,\n message,\n title,\n onActionPress,\n style,\n startIcon,\n ...otherProps\n } = props;\n\n const styles = useStyles();\n\n const theme = useTheme();\n\n const titleFontStyle = createFontStyle(theme, {\n selector: (typo) => typo.subtitle2,\n color: theme.mode === 'light'\n ? lightTheme.palette.primary.contrastTextColor\n : lightTheme.palette.primary.main,\n });\n\n const messageFontStyle = createFontStyle(theme, {\n selector: (typo) => typo.body2,\n color: title\n ? theme.mode === 'light'\n ? darkTheme.palette.text.secondary\n : lightTheme.palette.text.secondary\n : theme.palette.primary.contrastTextColor,\n });\n\n const labelFontStyle = createFontStyle(theme, {\n selector: (typo) => typo.button2,\n color: theme.palette.primary.contrastTextColor,\n });\n\n const labelStyle = css([\n labelFontStyle,\n { padding: theme.spacing(2) },\n ]);\n\n return (\n <Paper\n elevation={0}\n style={css([\n styles.root,\n actionLabel ? styles.action : undefined,\n style,\n ])}\n {...otherProps}\n >\n {startIcon ? (\n <React.Fragment>\n {startIcon}\n\n <Spacer size={3}/>\n </React.Fragment>\n ) : null}\n\n <Column>\n {title ? (\n <Typography\n children={title}\n style={css([titleFontStyle])}\n />\n ) : null}\n\n <Text\n children={message}\n style={css([messageFontStyle])}\n />\n </Column>\n\n {actionLabel ? (\n <React.Fragment>\n <Spacer flex={1}/>\n\n <Spacer size={1}/>\n\n <ButtonBase\n onPress={onActionPress}\n pressEffect={'none'}\n >\n <Text\n children={actionLabel}\n style={labelStyle}\n />\n </ButtonBase>\n </React.Fragment>\n ) : null}\n </Paper>\n );\n};\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["LegacySnackbarContentProps.ts"],"sourcesContent":["import React from 'react';\nimport type { OverridableComponentProps } from '../types';\nimport type { PaperProps } from '../Paper';\n\nexport default interface SnackbarContentProps extends OverridableComponentProps<PaperProps, {\n /**\n * The text to use for the action component.\n */\n actionLabel?: string;\n\n /**\n * The message to display.\n */\n message?: string;\n\n /**\n * Callback fired when the action component pressed.\n */\n onActionPress?: () => void;\n\n /**\n * Element placed before the title and message.\n */\n startIcon?: React.ReactElement;\n\n /**\n * The title to display.\n */\n title?: string;\n}> {}\n"],"mappings":""}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import Svg from 'react-native-svg';
|
|
5
|
-
import { css, useTheme } from '../styles';
|
|
6
|
-
export default function SvgIcon(props) {
|
|
7
|
-
const {
|
|
8
|
-
color: colorProp = 'primary',
|
|
9
|
-
height = 24,
|
|
10
|
-
style: styleProp,
|
|
11
|
-
viewBox = '0 0 24 24',
|
|
12
|
-
width = 24,
|
|
13
|
-
...otherProps
|
|
14
|
-
} = props;
|
|
15
|
-
const theme = useTheme();
|
|
16
|
-
const color = theme.palette[colorProp].main;
|
|
17
|
-
const style = css([{
|
|
18
|
-
flexShrink: 0
|
|
19
|
-
}, styleProp]);
|
|
20
|
-
return /*#__PURE__*/React.createElement(Svg, _extends({
|
|
21
|
-
color: color,
|
|
22
|
-
fill: 'currentColor',
|
|
23
|
-
height: height,
|
|
24
|
-
style: style,
|
|
25
|
-
viewBox: viewBox,
|
|
26
|
-
width: width
|
|
27
|
-
}, otherProps));
|
|
28
|
-
}
|
|
29
|
-
;
|
|
30
|
-
//# sourceMappingURL=LegacySvgIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","Svg","css","useTheme","SvgIcon","props","color","colorProp","height","style","styleProp","viewBox","width","otherProps","theme","palette","main","flexShrink"],"sources":["LegacySvgIcon.tsx"],"sourcesContent":["import React from 'react';\nimport Svg from 'react-native-svg';\nimport { css, useTheme } from '../styles';\nimport type SvgIconProps from './LegacySvgIconProps';\n\nexport default function SvgIcon(props: SvgIconProps) {\n const {\n color: colorProp = 'primary',\n height = 24,\n style: styleProp,\n viewBox = '0 0 24 24',\n width = 24,\n ...otherProps\n }: SvgIconProps = props;\n\n const theme = useTheme();\n\n const color = theme.palette[colorProp].main;\n\n const style = css([\n { flexShrink: 0 },\n styleProp,\n ]);\n\n return (\n <Svg\n color={color}\n fill={'currentColor'}\n height={height}\n style={style}\n viewBox={viewBox}\n width={width}\n {...otherProps}\n />\n );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,kBAAhB;AACA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;AAGA,eAAe,SAASC,OAAT,CAAiBC,KAAjB,EAAsC;EACjD,MAAM;IACFC,KAAK,EAAEC,SAAS,GAAG,SADjB;IAEFC,MAAM,GAAG,EAFP;IAGFC,KAAK,EAAEC,SAHL;IAIFC,OAAO,GAAG,WAJR;IAKFC,KAAK,GAAG,EALN;IAMF,GAAGC;EAND,IAOYR,KAPlB;EASA,MAAMS,KAAK,GAAGX,QAAQ,EAAtB;EAEA,MAAMG,KAAK,GAAGQ,KAAK,CAACC,OAAN,CAAcR,SAAd,EAAyBS,IAAvC;EAEA,MAAMP,KAAK,GAAGP,GAAG,CAAC,CACd;IAAEe,UAAU,EAAE;EAAd,CADc,EAEdP,SAFc,CAAD,CAAjB;EAKA,oBACI,oBAAC,GAAD;IACI,KAAK,EAAEJ,KADX;IAEI,IAAI,EAAE,cAFV;IAGI,MAAM,EAAEE,MAHZ;IAII,KAAK,EAAEC,KAJX;IAKI,OAAO,EAAEE,OALb;IAMI,KAAK,EAAEC;EANX,GAOQC,UAPR,EADJ;AAWH;AAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["LegacySvgIconProps.ts"],"sourcesContent":["import React from 'react';\nimport type { SvgProps } from 'react-native-svg';\nimport type { CommonComponentColor, OverridableComponentProps } from '../types';\n\nexport type SvgIconColor = CommonComponentColor;\n\nexport default interface SvgIconProps extends OverridableComponentProps<SvgProps, {\n /**\n * Node passed into the SVG element.\n */\n children: React.ReactNode;\n\n /**\n * The color of the component. It supports those theme colors that make sense for this component.\n * @default 'primary'\n */\n color?: SvgIconColor;\n\n /**\n * The color of the component. It is treated as higher priority than `color` prop if provided.\n */\n fill?: SvgProps['fill'];\n\n /**\n * The height applied to the icon.\n * @default 24\n */\n height?: SvgProps['height'];\n\n /**\n * Allows you to redefine what the coordinates without units mean inside an SVG element.\n * @default '0 0 20 20'\n */\n viewBox?: SvgProps['viewBox'];\n\n /**\n * The width applied to the icon.\n * @default 24\n */\n width?: SvgProps['width'];\n}> {}\n"],"mappings":""}
|
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
import React, { cloneElement } from 'react';
|
|
4
|
-
import { Platform, Text, View } from 'react-native';
|
|
5
|
-
import Badge from '../Badge';
|
|
6
|
-
import TabBase from '../TabBase';
|
|
7
|
-
import { createFontStyle, css, StyleSheet, useTheme } from '../styles';
|
|
8
|
-
import TabIndicator from './TabIndicator';
|
|
9
|
-
const styles = StyleSheet.create({
|
|
10
|
-
root: { // TODO: Remove redundant platform checking
|
|
11
|
-
...(Platform.OS === 'web' ? {
|
|
12
|
-
minWidth: 'auto'
|
|
13
|
-
} : {}),
|
|
14
|
-
minHeight: 40
|
|
15
|
-
},
|
|
16
|
-
bottomNavigation: {
|
|
17
|
-
minHeight: 56
|
|
18
|
-
},
|
|
19
|
-
filledInner: {
|
|
20
|
-
justifyContent: 'center'
|
|
21
|
-
},
|
|
22
|
-
tertiary: {
|
|
23
|
-
minHeight: 44
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
export default function Tab(props) {
|
|
27
|
-
const {
|
|
28
|
-
badgeVisible = false,
|
|
29
|
-
children,
|
|
30
|
-
enableIndicator = false,
|
|
31
|
-
icon: defaultIcon,
|
|
32
|
-
indicatorColor = 'primary',
|
|
33
|
-
indicatorSize = 'full',
|
|
34
|
-
selected = false,
|
|
35
|
-
selectedIcon,
|
|
36
|
-
variant = 'primary',
|
|
37
|
-
style,
|
|
38
|
-
onTabInnerLayout,
|
|
39
|
-
...otherProps
|
|
40
|
-
} = props;
|
|
41
|
-
const theme = useTheme();
|
|
42
|
-
const vertical = variant === 'bottom-navigation';
|
|
43
|
-
const color = selected ? theme.palette.text.primary : variant === 'contained' ? theme.palette.text.secondary : theme.palette.text.hint;
|
|
44
|
-
const containedStyle = {
|
|
45
|
-
borderColor: selected ? theme.palette.primary.main : theme.palette.border.default,
|
|
46
|
-
borderRadius: theme.shape.roundnessExtra,
|
|
47
|
-
borderWidth: selected ? 1.5 : 1,
|
|
48
|
-
minHeight: 'auto',
|
|
49
|
-
paddingHorizontal: theme.spacing(3),
|
|
50
|
-
paddingVertical: theme.spacing(1.5)
|
|
51
|
-
};
|
|
52
|
-
const tabBaseStyle = css([styles.root, variant === 'bottom-navigation' && styles.bottomNavigation, variant === 'contained' && containedStyle, variant === 'tertiary' && styles.tertiary, style]);
|
|
53
|
-
const tabInnerStyle = css([styles.root, styles.filledInner]);
|
|
54
|
-
const fontStyle = createFontStyle(theme, {
|
|
55
|
-
selector: typo => {
|
|
56
|
-
switch (variant) {
|
|
57
|
-
case 'primary':
|
|
58
|
-
return typo.h2;
|
|
59
|
-
|
|
60
|
-
case 'secondary':
|
|
61
|
-
return typo.button2;
|
|
62
|
-
|
|
63
|
-
case 'tertiary':
|
|
64
|
-
return typo.h3;
|
|
65
|
-
|
|
66
|
-
case 'contained':
|
|
67
|
-
return selected ? { ...typo.subtitle2,
|
|
68
|
-
fontWeight: typo.fontWeight.medium
|
|
69
|
-
} : typo.body2;
|
|
70
|
-
|
|
71
|
-
default:
|
|
72
|
-
return typo.flag;
|
|
73
|
-
}
|
|
74
|
-
},
|
|
75
|
-
color
|
|
76
|
-
});
|
|
77
|
-
const pressEffect = selected ? 'none' : 'opacity';
|
|
78
|
-
const icon = selected ? selectedIcon || defaultIcon : defaultIcon;
|
|
79
|
-
const iconElement = icon ? /*#__PURE__*/cloneElement(icon, {
|
|
80
|
-
fill: color
|
|
81
|
-
}) : null;
|
|
82
|
-
const tabElement = typeof children !== 'string' ? /*#__PURE__*/React.cloneElement(children, {
|
|
83
|
-
selected
|
|
84
|
-
}) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Badge, {
|
|
85
|
-
children: iconElement,
|
|
86
|
-
invisible: !badgeVisible
|
|
87
|
-
}), /*#__PURE__*/React.createElement(Text, {
|
|
88
|
-
children: children,
|
|
89
|
-
style: css(fontStyle)
|
|
90
|
-
}));
|
|
91
|
-
const tabIndicator = enableIndicator && selected ? /*#__PURE__*/React.createElement(TabIndicator, {
|
|
92
|
-
indicatorSize: indicatorSize,
|
|
93
|
-
color: indicatorColor
|
|
94
|
-
}) : null;
|
|
95
|
-
return /*#__PURE__*/React.createElement(TabBase, _extends({
|
|
96
|
-
pressEffect: pressEffect,
|
|
97
|
-
style: tabBaseStyle,
|
|
98
|
-
vertical: vertical
|
|
99
|
-
}, otherProps), indicatorSize === 'fit-content' ? /*#__PURE__*/React.createElement(View, {
|
|
100
|
-
onLayout: onTabInnerLayout,
|
|
101
|
-
style: tabInnerStyle
|
|
102
|
-
}, tabElement, tabIndicator) : /*#__PURE__*/React.createElement(React.Fragment, null, tabElement, tabIndicator));
|
|
103
|
-
}
|
|
104
|
-
;
|
|
105
|
-
//# sourceMappingURL=LegacyTab.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","cloneElement","Platform","Text","View","Badge","TabBase","createFontStyle","css","StyleSheet","useTheme","TabIndicator","styles","create","root","OS","minWidth","minHeight","bottomNavigation","filledInner","justifyContent","tertiary","Tab","props","badgeVisible","children","enableIndicator","icon","defaultIcon","indicatorColor","indicatorSize","selected","selectedIcon","variant","style","onTabInnerLayout","otherProps","theme","vertical","color","palette","text","primary","secondary","hint","containedStyle","borderColor","main","border","default","borderRadius","shape","roundnessExtra","borderWidth","paddingHorizontal","spacing","paddingVertical","tabBaseStyle","tabInnerStyle","fontStyle","selector","typo","h2","button2","h3","subtitle2","fontWeight","medium","body2","flag","pressEffect","iconElement","fill","tabElement","tabIndicator"],"sources":["LegacyTab.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\nimport { Platform, Text, View } from 'react-native';\nimport Badge from '../Badge';\nimport TabBase from '../TabBase';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport type TabProps from './LegacyTabProps';\nimport TabIndicator from './TabIndicator';\n\nconst styles = StyleSheet.create({\n root: {\n // TODO: Remove redundant platform checking\n ...(Platform.OS === 'web' ? { minWidth: 'auto' } : {}),\n minHeight: 40,\n },\n bottomNavigation: {\n minHeight: 56,\n },\n filledInner: {\n justifyContent: 'center',\n },\n tertiary: {\n minHeight: 44,\n },\n});\n\nexport default function Tab(props: TabProps) {\n const {\n badgeVisible = false,\n children,\n enableIndicator = false,\n icon: defaultIcon,\n indicatorColor = 'primary',\n indicatorSize = 'full',\n selected = false,\n selectedIcon,\n variant = 'primary',\n style,\n onTabInnerLayout,\n ...otherProps\n } = props;\n\n const theme = useTheme();\n\n const vertical = variant === 'bottom-navigation';\n\n const color = selected\n ? theme.palette.text.primary\n : variant === 'contained'\n ? theme.palette.text.secondary\n : theme.palette.text.hint;\n\n const containedStyle = {\n borderColor: selected ? theme.palette.primary.main : theme.palette.border.default,\n borderRadius: theme.shape.roundnessExtra,\n borderWidth: selected ? 1.5 : 1,\n minHeight: 'auto',\n paddingHorizontal: theme.spacing(3),\n paddingVertical: theme.spacing(1.5),\n };\n\n const tabBaseStyle = css([\n styles.root,\n variant === 'bottom-navigation' && styles.bottomNavigation,\n variant === 'contained' && containedStyle,\n variant === 'tertiary' && styles.tertiary,\n style,\n ]);\n\n const tabInnerStyle = css([\n styles.root,\n styles.filledInner,\n ]);\n\n const fontStyle = createFontStyle(theme, {\n selector: (typo) => {\n switch (variant) {\n case 'primary':\n return typo.h2;\n case 'secondary':\n return typo.button2;\n case 'tertiary':\n return typo.h3;\n case 'contained':\n return selected\n ? { ...typo.subtitle2, fontWeight: typo.fontWeight.medium }\n : typo.body2;\n default:\n return typo.flag;\n }\n },\n color,\n });\n const pressEffect = selected ? 'none' : 'opacity';\n\n const icon = selected ? (selectedIcon || defaultIcon) : defaultIcon;\n const iconElement = icon ? cloneElement(icon, { fill: color }) : null;\n\n const tabElement = typeof children !== 'string' ? (\n React.cloneElement(children, {\n selected,\n })\n ) : (\n <React.Fragment>\n <Badge\n children={iconElement}\n invisible={!badgeVisible}\n />\n\n <Text\n children={children}\n style={css(fontStyle)}\n />\n </React.Fragment>\n );\n const tabIndicator = (enableIndicator && selected)\n ? <TabIndicator indicatorSize={indicatorSize} color={indicatorColor}/>\n : null;\n\n return (\n <TabBase\n pressEffect={pressEffect}\n style={tabBaseStyle}\n vertical={vertical}\n {...otherProps}\n >\n {indicatorSize === 'fit-content' ? (\n <View onLayout={onTabInnerLayout} style={tabInnerStyle}>\n {tabElement}\n\n {tabIndicator}\n </View>\n ) : (\n <React.Fragment>\n {tabElement}\n\n {tabIndicator}\n </React.Fragment>\n )}\n </TabBase>\n );\n};\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["LegacyTabProps.ts"],"sourcesContent":["import React from 'react';\nimport type { LayoutChangeEvent } from 'react-native';\nimport type { TabBaseProps } from '../TabBase';\nimport type { OverridableComponentProps } from '../types';\n\nexport type TabVariant = 'primary' | 'secondary' | 'tertiary' | 'bottom-navigation' | 'contained';\nexport type TabIndicatorColor = 'primary' | 'secondary';\nexport type TabIndicatorSize = 'full' | 'fit-content';\n\nexport default interface TabProps extends OverridableComponentProps<TabBaseProps, {\n /**\n * If `true`, the badge is visible.\n * @default false\n */\n badgeVisible?: boolean;\n\n /**\n * The label of the Tab.\n */\n children: string | React.ReactElement;\n\n /**\n * If `true`, the indicator is enabled.\n * @default false\n */\n enableIndicator?: boolean;\n\n /**\n * If `true`, the component is selected.\n * @default false\n */\n selected?: boolean;\n\n /**\n * Element placed before the children.\n */\n icon?: React.ReactElement;\n\n /**\n * Tab indicator color\n * @default 'primary'\n */\n indicatorColor?: TabIndicatorColor;\n\n /**\n * The size of tab indicator.\n * 'full' adjusts the indicator to the size of the Tab,\n * while 'fit-content' adjusts the indicator to the size of the content inside the Tab.\n * @default 'full'\n */\n indicatorSize?: TabIndicatorSize;\n\n /**\n * If supplied, use this icon on selected state.\n */\n selectedIcon?: React.ReactElement;\n\n /**\n * The variant to use.\n * @default 'primary'\n */\n variant?: TabVariant;\n\n /**\n * Function to be passed to the child component's onLayout prop.\n */\n onTabInnerLayout?: (event: LayoutChangeEvent) => void;\n}> {}\n"],"mappings":""}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { View } from 'react-native';
|
|
3
|
-
import { useTheme } from '../styles';
|
|
4
|
-
|
|
5
|
-
const useStyles = function (color, indicatorSize) {
|
|
6
|
-
const theme = useTheme();
|
|
7
|
-
return {
|
|
8
|
-
root: {
|
|
9
|
-
backgroundColor: theme.palette[color].main,
|
|
10
|
-
bottom: 0,
|
|
11
|
-
height: 2,
|
|
12
|
-
left: indicatorSize === 'fit-content' ? 0 : 12,
|
|
13
|
-
right: indicatorSize === 'fit-content' ? 0 : 12,
|
|
14
|
-
position: 'absolute'
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
const TabIndicator = function TabIndicator(_ref) {
|
|
20
|
-
let {
|
|
21
|
-
indicatorSize,
|
|
22
|
-
color
|
|
23
|
-
} = _ref;
|
|
24
|
-
const styles = useStyles(color, indicatorSize);
|
|
25
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
26
|
-
style: styles.root
|
|
27
|
-
});
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
export default /*#__PURE__*/React.memo(TabIndicator);
|
|
31
|
-
//# sourceMappingURL=TabIndicator.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","useTheme","useStyles","color","indicatorSize","theme","root","backgroundColor","palette","main","bottom","height","left","right","position","TabIndicator","styles","memo"],"sources":["TabIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion } from '@fountain-ui/styles';\nimport { useTheme } from '../styles';\nimport type { TabIndicatorColor, TabIndicatorSize } from './LegacyTabProps';\n\ntype TabIndicatorStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: (color: TabIndicatorColor, indicatorSize: TabIndicatorSize) => TabIndicatorStyles =\n function (color: TabIndicatorColor, indicatorSize): TabIndicatorStyles {\n const theme = useTheme();\n\n return {\n root: {\n backgroundColor: theme.palette[color].main,\n bottom: 0,\n height: 2,\n left: indicatorSize === 'fit-content' ? 0 : 12,\n right: indicatorSize === 'fit-content' ? 0 : 12,\n position: 'absolute',\n },\n };\n };\n\nconst TabIndicator = function TabIndicator({\n indicatorSize,\n color,\n}: { indicatorSize: TabIndicatorSize; color: TabIndicatorColor }) {\n const styles = useStyles(color, indicatorSize);\n\n return (\n <View\n style={styles.root}\n />\n );\n};\n\nexport default React.memo(TabIndicator);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,QAAT,QAAyB,WAAzB;;AAKA,MAAMC,SAA4F,GAC9F,UAAUC,KAAV,EAAoCC,aAApC,EAAuE;EACnE,MAAMC,KAAK,GAAGJ,QAAQ,EAAtB;EAEA,OAAO;IACHK,IAAI,EAAE;MACFC,eAAe,EAAEF,KAAK,CAACG,OAAN,CAAcL,KAAd,EAAqBM,IADpC;MAEFC,MAAM,EAAE,CAFN;MAGFC,MAAM,EAAE,CAHN;MAIFC,IAAI,EAAER,aAAa,KAAK,aAAlB,GAAkC,CAAlC,GAAsC,EAJ1C;MAKFS,KAAK,EAAET,aAAa,KAAK,aAAlB,GAAkC,CAAlC,GAAsC,EAL3C;MAMFU,QAAQ,EAAE;IANR;EADH,CAAP;AAUH,CAdL;;AAgBA,MAAMC,YAAY,GAAG,SAASA,YAAT,OAG6C;EAAA,IAHvB;IACvCX,aADuC;IAEvCD;EAFuC,CAGuB;EAC9D,MAAMa,MAAM,GAAGd,SAAS,CAACC,KAAD,EAAQC,aAAR,CAAxB;EAEA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEY,MAAM,CAACV;EADlB,EADJ;AAKH,CAXD;;AAaA,4BAAeP,KAAK,CAACkB,IAAN,CAAWF,YAAX,CAAf"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { css } from '@fountain-ui/styles';
|
|
5
|
-
import { useTheme } from '../styles';
|
|
6
|
-
import ButtonBase from '../ButtonBase';
|
|
7
|
-
|
|
8
|
-
const useStyles = function () {
|
|
9
|
-
const theme = useTheme();
|
|
10
|
-
return {
|
|
11
|
-
root: {
|
|
12
|
-
alignItems: 'center',
|
|
13
|
-
justifyContent: 'center',
|
|
14
|
-
paddingHorizontal: theme.spacing(3),
|
|
15
|
-
minHeight: 48
|
|
16
|
-
},
|
|
17
|
-
row: {
|
|
18
|
-
flexDirection: 'row'
|
|
19
|
-
},
|
|
20
|
-
column: {
|
|
21
|
-
flexDirection: 'column'
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
export default function TabBase(props) {
|
|
27
|
-
const {
|
|
28
|
-
children,
|
|
29
|
-
disabled = false,
|
|
30
|
-
onPress,
|
|
31
|
-
selected = false,
|
|
32
|
-
vertical = false,
|
|
33
|
-
style,
|
|
34
|
-
...otherProps
|
|
35
|
-
} = props;
|
|
36
|
-
const styles = useStyles();
|
|
37
|
-
return /*#__PURE__*/React.createElement(ButtonBase, _extends({
|
|
38
|
-
onPress: onPress,
|
|
39
|
-
disabled: disabled,
|
|
40
|
-
style: css([styles.root, vertical ? styles.column : styles.row, style])
|
|
41
|
-
}, otherProps), children);
|
|
42
|
-
}
|
|
43
|
-
;
|
|
44
|
-
//# sourceMappingURL=LegacyTabBase.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","css","useTheme","ButtonBase","useStyles","theme","root","alignItems","justifyContent","paddingHorizontal","spacing","minHeight","row","flexDirection","column","TabBase","props","children","disabled","onPress","selected","vertical","style","otherProps","styles"],"sources":["LegacyTabBase.tsx"],"sourcesContent":["import React from 'react';\nimport { css, NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { useTheme } from '../styles';\nimport ButtonBase from '../ButtonBase';\nimport type TabBaseProps from './TabBaseProps';\n\ntype TabBaseStyles = NamedStylesStringUnion<'root' | 'row' | 'column'>;\n\nconst useStyles: UseStyles<TabBaseStyles> = function (): TabBaseStyles {\n const theme = useTheme();\n\n return {\n root: {\n alignItems: 'center',\n justifyContent: 'center',\n paddingHorizontal: theme.spacing(3),\n minHeight: 48,\n },\n row: {\n flexDirection: 'row',\n },\n column: {\n flexDirection: 'column',\n },\n };\n};\n\nexport default function TabBase(props: TabBaseProps) {\n const {\n children,\n disabled = false,\n onPress,\n selected = false,\n vertical = false,\n style,\n ...otherProps\n } = props;\n\n const styles = useStyles();\n\n return (\n <ButtonBase\n onPress={onPress}\n disabled={disabled}\n style={css([\n styles.root,\n vertical ? styles.column : styles.row,\n style,\n ])}\n {...otherProps}\n >\n {children}\n </ButtonBase>\n );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,QAAuD,qBAAvD;AACA,SAASC,QAAT,QAAyB,WAAzB;AACA,OAAOC,UAAP,MAAuB,eAAvB;;AAKA,MAAMC,SAAmC,GAAG,YAA2B;EACnE,MAAMC,KAAK,GAAGH,QAAQ,EAAtB;EAEA,OAAO;IACHI,IAAI,EAAE;MACFC,UAAU,EAAE,QADV;MAEFC,cAAc,EAAE,QAFd;MAGFC,iBAAiB,EAAEJ,KAAK,CAACK,OAAN,CAAc,CAAd,CAHjB;MAIFC,SAAS,EAAE;IAJT,CADH;IAOHC,GAAG,EAAE;MACDC,aAAa,EAAE;IADd,CAPF;IAUHC,MAAM,EAAE;MACJD,aAAa,EAAE;IADX;EAVL,CAAP;AAcH,CAjBD;;AAmBA,eAAe,SAASE,OAAT,CAAiBC,KAAjB,EAAsC;EACjD,MAAM;IACFC,QADE;IAEFC,QAAQ,GAAG,KAFT;IAGFC,OAHE;IAIFC,QAAQ,GAAG,KAJT;IAKFC,QAAQ,GAAG,KALT;IAMFC,KANE;IAOF,GAAGC;EAPD,IAQFP,KARJ;EAUA,MAAMQ,MAAM,GAAGpB,SAAS,EAAxB;EAEA,oBACI,oBAAC,UAAD;IACI,OAAO,EAAEe,OADb;IAEI,QAAQ,EAAED,QAFd;IAGI,KAAK,EAAEjB,GAAG,CAAC,CACPuB,MAAM,CAAClB,IADA,EAEPe,QAAQ,GAAGG,MAAM,CAACV,MAAV,GAAmBU,MAAM,CAACZ,GAF3B,EAGPU,KAHO,CAAD;EAHd,GAQQC,UARR,GAUKN,QAVL,CADJ;AAcH;AAAA"}
|