@popmenu/common-ui 0.125.0 → 0.126.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/build/{components → esm/components}/Accordion/index.d.ts +1 -1
- package/build/{components → esm/components}/AccordionActions/index.d.ts +1 -1
- package/build/{components → esm/components}/AccordionDetails/index.d.ts +1 -1
- package/build/{components → esm/components}/AccordionSummary/index.d.ts +1 -1
- package/build/{components → esm/components}/Alert/index.d.ts +1 -1
- package/build/{components → esm/components}/AppBar/index.d.ts +1 -1
- package/build/esm/components/Avatar/Avatar.d.ts +3 -0
- package/build/esm/components/Avatar/Avatar.js +39 -0
- package/build/esm/components/Avatar/Avatar.js.map +1 -0
- package/build/{components → esm/components}/Avatar/AvatarProps.d.ts +22 -22
- package/build/{components → esm/components}/Avatar/avatar.styles.d.ts +2 -2
- package/build/esm/components/Avatar/avatar.styles.js +41 -0
- package/build/esm/components/Avatar/avatar.styles.js.map +1 -0
- package/build/{components → esm/components}/Avatar/index.d.ts +2 -2
- package/build/{components → esm/components}/Avatar/util/useImageProps.d.ts +10 -10
- package/build/esm/components/Avatar/util/useImageProps.js +21 -0
- package/build/esm/components/Avatar/util/useImageProps.js.map +1 -0
- package/build/{components → esm/components}/Badge/index.d.ts +1 -1
- package/build/{components → esm/components}/Box/Box.d.ts +3 -3
- package/build/{components → esm/components}/Box/BoxProps.d.ts +5 -5
- package/build/{components → esm/components}/Box/BoxStyles.d.ts +1 -1
- package/build/{components → esm/components}/Box/index.d.ts +7 -7
- package/build/{components → esm/components}/Breadcrumbs/index.d.ts +1 -1
- package/build/{components → esm/components}/BrowserSilhouette/BrowserSilhouette.d.ts +2 -2
- package/build/esm/components/BrowserSilhouette/BrowserSilhouette.js +18 -0
- package/build/esm/components/BrowserSilhouette/BrowserSilhouette.js.map +1 -0
- package/build/{components → esm/components}/BrowserSilhouette/browserSilhouette.styles.d.ts +1 -1
- package/build/esm/components/BrowserSilhouette/browserSilhouette.styles.js +25 -0
- package/build/esm/components/BrowserSilhouette/browserSilhouette.styles.js.map +1 -0
- package/build/{components → esm/components}/BrowserSilhouette/index.d.ts +1 -1
- package/build/{components → esm/components}/Button/Button.d.ts +6 -6
- package/build/esm/components/Button/Button.js +23 -0
- package/build/esm/components/Button/Button.js.map +1 -0
- package/build/{components → esm/components}/Button/ButtonProps.d.ts +11 -11
- package/build/esm/components/Button/ButtonStyles.d.ts +2 -0
- package/build/esm/components/Button/ButtonStyles.js +16 -0
- package/build/esm/components/Button/ButtonStyles.js.map +1 -0
- package/build/{components → esm/components}/Button/index.d.ts +2 -2
- package/build/{components → esm/components}/ButtonBase/index.d.ts +1 -1
- package/build/{components → esm/components}/ButtonGroup/index.d.ts +1 -1
- package/build/{components → esm/components}/Card/index.d.ts +1 -1
- package/build/{components → esm/components}/CardActionArea/index.d.ts +1 -1
- package/build/{components → esm/components}/CardActions/index.d.ts +1 -1
- package/build/{components → esm/components}/CardContent/index.d.ts +1 -1
- package/build/{components → esm/components}/CardHeader/index.d.ts +1 -1
- package/build/{components → esm/components}/CardMedia/index.d.ts +1 -1
- package/build/esm/components/Checkbox/Checkbox.d.ts +3 -0
- package/build/esm/components/Checkbox/Checkbox.js +14 -0
- package/build/esm/components/Checkbox/Checkbox.js.map +1 -0
- package/build/{components → esm/components}/Checkbox/CheckboxProps.d.ts +8 -8
- package/build/{components → esm/components}/Checkbox/index.d.ts +2 -2
- package/build/{components → esm/components}/Chip/Chip.d.ts +6 -6
- package/build/esm/components/Chip/Chip.js +23 -0
- package/build/esm/components/Chip/Chip.js.map +1 -0
- package/build/{components → esm/components}/Chip/ChipProps.d.ts +8 -8
- package/build/{components → esm/components}/Chip/ChipStyles.d.ts +2 -2
- package/build/esm/components/Chip/ChipStyles.js +83 -0
- package/build/esm/components/Chip/ChipStyles.js.map +1 -0
- package/build/{components → esm/components}/Chip/index.d.ts +2 -2
- package/build/{components → esm/components}/CircularProgress/index.d.ts +1 -1
- package/build/{components → esm/components}/ClickAwayListener/index.d.ts +1 -1
- package/build/{components → esm/components}/CollapsibleText/CollapsibleText.d.ts +3 -3
- package/build/esm/components/CollapsibleText/CollapsibleText.js +41 -0
- package/build/esm/components/CollapsibleText/CollapsibleText.js.map +1 -0
- package/build/{components → esm/components}/CollapsibleText/CollapsibleTextProps.d.ts +13 -13
- package/build/{components → esm/components}/CollapsibleText/CollapsibleTextStyles.d.ts +5 -5
- package/build/esm/components/CollapsibleText/CollapsibleTextStyles.js +24 -0
- package/build/esm/components/CollapsibleText/CollapsibleTextStyles.js.map +1 -0
- package/build/{components → esm/components}/CollapsibleText/index.d.ts +2 -2
- package/build/{components → esm/components}/Dialog/index.d.ts +1 -1
- package/build/{components → esm/components}/DialogActions/index.d.ts +1 -1
- package/build/{components → esm/components}/DialogContent/index.d.ts +1 -1
- package/build/{components → esm/components}/DialogContentText/index.d.ts +1 -1
- package/build/{components → esm/components}/DialogTitle/index.d.ts +1 -1
- package/build/{components → esm/components}/Divider/Divider.d.ts +3 -3
- package/build/esm/components/Divider/Divider.js +70 -0
- package/build/esm/components/Divider/Divider.js.map +1 -0
- package/build/{components → esm/components}/Divider/DividerProps.d.ts +17 -17
- package/build/{components → esm/components}/Divider/index.d.ts +2 -2
- package/build/{components → esm/components}/Drawer/index.d.ts +1 -1
- package/build/{components → esm/components}/Fab/index.d.ts +1 -1
- package/build/{components → esm/components}/FollowerAuthenticationDialog/FollowerAuthenticationAltActions.d.ts +2 -2
- package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationAltActions.js +86 -0
- package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationAltActions.js.map +1 -0
- package/build/{components → esm/components}/FollowerAuthenticationDialog/FollowerAuthenticationBody.d.ts +2 -2
- package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationBody.js +12 -0
- package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationBody.js.map +1 -0
- package/build/{components → esm/components}/FollowerAuthenticationDialog/FollowerAuthenticationCloseButton.d.ts +2 -2
- package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationCloseButton.js +24 -0
- package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationCloseButton.js.map +1 -0
- package/build/{components → esm/components}/FollowerAuthenticationDialog/FollowerAuthenticationContent.d.ts +4 -4
- package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationContent.js +18 -0
- package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationContent.js.map +1 -0
- package/build/{components → esm/components}/FollowerAuthenticationDialog/FollowerAuthenticationDialog.d.ts +3 -3
- package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationDialog.js +37 -0
- package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationDialog.js.map +1 -0
- package/build/{components → esm/components}/FollowerAuthenticationDialog/FollowerAuthenticationDialogProps.d.ts +29 -29
- package/build/{components → esm/components}/FollowerAuthenticationDialog/FollowerAuthenticationFooter.d.ts +2 -2
- package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationFooter.js +13 -0
- package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationFooter.js.map +1 -0
- package/build/{components → esm/components}/FollowerAuthenticationDialog/FollowerAuthenticationForm.d.ts +2 -2
- package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationForm.js +149 -0
- package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationForm.js.map +1 -0
- package/build/{components → esm/components}/FollowerAuthenticationDialog/FollowerAuthenticationGraphic.d.ts +2 -2
- package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationGraphic.js +15 -0
- package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationGraphic.js.map +1 -0
- package/build/{components → esm/components}/FollowerAuthenticationDialog/FollowerAuthenticationInfo.d.ts +2 -2
- package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationInfo.js +15 -0
- package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationInfo.js.map +1 -0
- package/build/{components → esm/components}/FollowerAuthenticationDialog/FollowerAuthenticationTitle.d.ts +2 -2
- package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationTitle.js +13 -0
- package/build/esm/components/FollowerAuthenticationDialog/FollowerAuthenticationTitle.js.map +1 -0
- package/build/{components → esm/components}/FollowerAuthenticationDialog/context.d.ts +4 -4
- package/build/esm/components/FollowerAuthenticationDialog/context.js +14 -0
- package/build/esm/components/FollowerAuthenticationDialog/context.js.map +1 -0
- package/build/{components → esm/components}/FollowerAuthenticationDialog/index.d.ts +2 -2
- package/build/{components → esm/components}/FollowerAuthenticationDialog/theme.d.ts +35 -35
- package/build/esm/components/FollowerAuthenticationDialog/theme.js +36 -0
- package/build/esm/components/FollowerAuthenticationDialog/theme.js.map +1 -0
- package/build/{components → esm/components}/FormControl/index.d.ts +1 -1
- package/build/{components → esm/components}/FormControlLabel/index.d.ts +1 -1
- package/build/{components → esm/components}/FormLabel/index.d.ts +1 -1
- package/build/{components → esm/components}/Grid/index.d.ts +1 -1
- package/build/{components → esm/components}/GridList/index.d.ts +1 -1
- package/build/{components → esm/components}/Hidden/index.d.ts +1 -1
- package/build/{components → esm/components}/Icon/Icon.d.ts +4 -4
- package/build/esm/components/Icon/Icon.js +29 -0
- package/build/esm/components/Icon/Icon.js.map +1 -0
- package/build/{components → esm/components}/Icon/IconProps.d.ts +17 -17
- package/build/{components → esm/components}/Icon/IconStyles.d.ts +2 -2
- package/build/esm/components/Icon/IconStyles.js +41 -0
- package/build/esm/components/Icon/IconStyles.js.map +1 -0
- package/build/{components → esm/components}/Icon/index.d.ts +2 -2
- package/build/esm/components/IconButton/IconButton.d.ts +3 -0
- package/build/esm/components/IconButton/IconButton.js +14 -0
- package/build/esm/components/IconButton/IconButton.js.map +1 -0
- package/build/{components → esm/components}/IconButton/IconButtonProps.d.ts +2 -2
- package/build/{components → esm/components}/IconButton/index.d.ts +2 -2
- package/build/{components → esm/components}/InputAdornment/index.d.ts +1 -1
- package/build/{components → esm/components}/LinearProgress/index.d.ts +1 -1
- package/build/{components → esm/components}/Link/Link.d.ts +11 -11
- package/build/esm/components/Link/Link.js +18 -0
- package/build/esm/components/Link/Link.js.map +1 -0
- package/build/{components → esm/components}/Link/LinkStyles.d.ts +2 -2
- package/build/esm/components/Link/LinkStyles.js +15 -0
- package/build/esm/components/Link/LinkStyles.js.map +1 -0
- package/build/{components → esm/components}/Link/index.d.ts +2 -2
- package/build/{components → esm/components}/List/index.d.ts +1 -1
- package/build/{components → esm/components}/ListItem/index.d.ts +1 -1
- package/build/{components → esm/components}/ListItemAvatar/index.d.ts +1 -1
- package/build/{components → esm/components}/ListItemIcon/index.d.ts +1 -1
- package/build/{components → esm/components}/ListItemSecondaryAction/index.d.ts +1 -1
- package/build/{components → esm/components}/ListItemText/index.d.ts +1 -1
- package/build/{components → esm/components}/Menu/index.d.ts +1 -1
- package/build/{components → esm/components}/MenuItem/index.d.ts +1 -1
- package/build/{components → esm/components}/MenuList/index.d.ts +1 -1
- package/build/{components → esm/components}/Modal/index.d.ts +1 -1
- package/build/{components → esm/components}/NumberField/NumberField.d.ts +3 -3
- package/build/esm/components/NumberField/NumberField.js +20 -0
- package/build/esm/components/NumberField/NumberField.js.map +1 -0
- package/build/{components → esm/components}/NumberField/NumberFieldProps.d.ts +12 -12
- package/build/{components → esm/components}/NumberField/NumberFieldStyles.d.ts +2 -2
- package/build/esm/components/NumberField/NumberFieldStyles.js +32 -0
- package/build/esm/components/NumberField/NumberFieldStyles.js.map +1 -0
- package/build/{components → esm/components}/NumberField/index.d.ts +2 -2
- package/build/esm/components/Paper/Paper.d.ts +6 -0
- package/build/esm/components/Paper/Paper.js +28 -0
- package/build/esm/components/Paper/Paper.js.map +1 -0
- package/build/{components → esm/components}/Paper/index.d.ts +1 -1
- package/build/{components → esm/components}/PaperContent/PaperContent.d.ts +2 -2
- package/build/esm/components/PaperContent/PaperContent.js +10 -0
- package/build/esm/components/PaperContent/PaperContent.js.map +1 -0
- package/build/{components → esm/components}/PaperContent/index.d.ts +1 -1
- package/build/{components → esm/components}/Popover/index.d.ts +1 -1
- package/build/{components → esm/components}/Popper/index.d.ts +1 -1
- package/build/esm/components/Radio/Radio.d.ts +3 -0
- package/build/esm/components/Radio/Radio.js +14 -0
- package/build/esm/components/Radio/Radio.js.map +1 -0
- package/build/{components → esm/components}/Radio/RadioProps.d.ts +8 -8
- package/build/{components → esm/components}/Radio/index.d.ts +2 -2
- package/build/{components → esm/components}/SplitInput/SplitInput.d.ts +3 -3
- package/build/esm/components/SplitInput/SplitInput.js +22 -0
- package/build/esm/components/SplitInput/SplitInput.js.map +1 -0
- package/build/{components → esm/components}/SplitInput/SplitInputProps.d.ts +20 -20
- package/build/{components → esm/components}/SplitInput/SplitInputStyles.d.ts +2 -2
- package/build/esm/components/SplitInput/SplitInputStyles.js +29 -0
- package/build/esm/components/SplitInput/SplitInputStyles.js.map +1 -0
- package/build/{components → esm/components}/SplitInput/index.d.ts +2 -2
- package/build/{components → esm/components}/Step/index.d.ts +1 -1
- package/build/{components → esm/components}/StepButton/index.d.ts +1 -1
- package/build/{components → esm/components}/StepConnector/index.d.ts +1 -1
- package/build/{components → esm/components}/StepContent/index.d.ts +1 -1
- package/build/{components → esm/components}/StepIcon/index.d.ts +1 -1
- package/build/{components → esm/components}/StepLabel/index.d.ts +1 -1
- package/build/{components → esm/components}/Stepper/index.d.ts +1 -1
- package/build/esm/components/Switch/Switch.d.ts +3 -0
- package/build/esm/components/Switch/Switch.js +16 -0
- package/build/esm/components/Switch/Switch.js.map +1 -0
- package/build/{components → esm/components}/Switch/SwitchProps.d.ts +8 -8
- package/build/{components → esm/components}/Switch/index.d.ts +2 -2
- package/build/{components → esm/components}/Switch/switch.styles.d.ts +2 -2
- package/build/esm/components/Switch/switch.styles.js +17 -0
- package/build/esm/components/Switch/switch.styles.js.map +1 -0
- package/build/{components → esm/components}/Tab/index.d.ts +1 -1
- package/build/{components → esm/components}/TabPanel/TabPanel.d.ts +3 -3
- package/build/esm/components/TabPanel/TabPanel.js +10 -0
- package/build/esm/components/TabPanel/TabPanel.js.map +1 -0
- package/build/{components → esm/components}/TabPanel/TabPanelProps.d.ts +3 -3
- package/build/{components → esm/components}/TabPanel/index.d.ts +2 -2
- package/build/{components → esm/components}/Tabs/index.d.ts +1 -1
- package/build/{components → esm/components}/TextField/index.d.ts +1 -1
- package/build/{components → esm/components}/ThemeProvider/index.d.ts +1 -1
- package/build/esm/components/ToggleButton/ToggleButton.d.ts +3 -0
- package/build/esm/components/ToggleButton/ToggleButton.js +20 -0
- package/build/esm/components/ToggleButton/ToggleButton.js.map +1 -0
- package/build/{components → esm/components}/ToggleButton/ToggleButtonProps.d.ts +4 -4
- package/build/{components → esm/components}/ToggleButton/ToggleButtonStyles.d.ts +2 -2
- package/build/esm/components/ToggleButton/ToggleButtonStyles.js +19 -0
- package/build/esm/components/ToggleButton/ToggleButtonStyles.js.map +1 -0
- package/build/{components → esm/components}/ToggleButton/index.d.ts +2 -2
- package/build/esm/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +3 -0
- package/build/esm/components/ToggleButtonGroup/ToggleButtonGroup.js +20 -0
- package/build/esm/components/ToggleButtonGroup/ToggleButtonGroup.js.map +1 -0
- package/build/{components → esm/components}/ToggleButtonGroup/ToggleButtonGroupProps.d.ts +6 -6
- package/build/{components → esm/components}/ToggleButtonGroup/ToggleButtonGroupStyles.d.ts +1 -1
- package/build/esm/components/ToggleButtonGroup/ToggleButtonGroupStyles.js +12 -0
- package/build/esm/components/ToggleButtonGroup/ToggleButtonGroupStyles.js.map +1 -0
- package/build/{components → esm/components}/ToggleButtonGroup/index.d.ts +2 -2
- package/build/{components → esm/components}/Toolbar/index.d.ts +1 -1
- package/build/esm/components/Tooltip/Tooltip.d.ts +3 -0
- package/build/esm/components/Tooltip/Tooltip.js +13 -0
- package/build/esm/components/Tooltip/Tooltip.js.map +1 -0
- package/build/{components → esm/components}/Tooltip/TooltipProps.d.ts +1 -1
- package/build/{components → esm/components}/Tooltip/TooltipStyles.d.ts +2 -2
- package/build/esm/components/Tooltip/TooltipStyles.js +13 -0
- package/build/esm/components/Tooltip/TooltipStyles.js.map +1 -0
- package/build/{components → esm/components}/Tooltip/index.d.ts +2 -2
- package/build/{components → esm/components}/Typography/Typography.d.ts +9 -9
- package/build/esm/components/Typography/Typography.js +17 -0
- package/build/esm/components/Typography/Typography.js.map +1 -0
- package/build/{components → esm/components}/Typography/TypographyProps.d.ts +15 -15
- package/build/esm/components/Typography/TypographyProps.js +6 -0
- package/build/esm/components/Typography/TypographyProps.js.map +1 -0
- package/build/esm/components/Typography/TypographyStyles.d.ts +10 -0
- package/build/esm/components/Typography/TypographyStyles.js +76 -0
- package/build/esm/components/Typography/TypographyStyles.js.map +1 -0
- package/build/{components → esm/components}/Typography/index.d.ts +2 -2
- package/build/{components → esm/components}/index.d.ts +78 -78
- package/build/{hooks → esm/hooks}/index.d.ts +2 -2
- package/build/{hooks → esm/hooks}/useCollapsibleText.d.ts +9 -9
- package/build/esm/hooks/useCollapsibleText.js +17 -0
- package/build/esm/hooks/useCollapsibleText.js.map +1 -0
- package/build/{hooks → esm/hooks}/useTabs/index.d.ts +1 -1
- package/build/{hooks → esm/hooks}/useTabs/useTabs.d.ts +3 -3
- package/build/esm/hooks/useTabs/useTabs.js +35 -0
- package/build/esm/hooks/useTabs/useTabs.js.map +1 -0
- package/build/{hooks → esm/hooks}/useTabs/useTabsOptions.d.ts +3 -3
- package/build/{hooks → esm/hooks}/useTabs/useTabsResult.d.ts +22 -22
- package/build/{index.d.ts → esm/index.d.ts} +3 -3
- package/build/esm/index.js +60 -0
- package/build/esm/index.js.map +1 -0
- package/build/{types → esm/types}/index.d.ts +2 -2
- package/build/{util → esm/util}/ServerStyleSheets.d.ts +1 -1
- package/build/{util → esm/util}/colors/alpha.d.ts +1 -1
- package/build/{util → esm/util}/colors/darken.d.ts +1 -1
- package/build/{util → esm/util}/colors/decomposeColor.d.ts +1 -1
- package/build/{util → esm/util}/colors/getLuminance.d.ts +1 -1
- package/build/{util → esm/util}/colors/hexToRgb.d.ts +1 -1
- package/build/{util → esm/util}/colors/index.d.ts +8 -8
- package/build/{util → esm/util}/colors/lighten.d.ts +1 -1
- package/build/{util → esm/util}/colors/recomposeColor.d.ts +1 -1
- package/build/{util → esm/util}/colors/rgbToHex.d.ts +1 -1
- package/build/{util → esm/util}/createTheme.d.ts +1 -1
- package/build/{util → esm/util}/index.d.ts +4 -4
- package/build/{util → esm/util}/makeStyles.d.ts +1 -1
- package/build/index.js +1130 -1714
- package/build/index.js.map +1 -1
- package/package.json +7 -7
- package/build/components/Avatar/Avatar.d.ts +0 -3
- package/build/components/Button/ButtonStyles.d.ts +0 -2
- package/build/components/Checkbox/Checkbox.d.ts +0 -3
- package/build/components/IconButton/IconButton.d.ts +0 -3
- package/build/components/Paper/Paper.d.ts +0 -6
- package/build/components/Radio/Radio.d.ts +0 -3
- package/build/components/Switch/Switch.d.ts +0 -3
- package/build/components/ToggleButton/ToggleButton.d.ts +0 -3
- package/build/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +0 -3
- package/build/components/Tooltip/Tooltip.d.ts +0 -3
- package/build/components/Typography/TypographyStyles.d.ts +0 -4
- package/build/index.es.js +0 -1464
- package/build/index.es.js.map +0 -1
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
export declare const theme: {
|
|
2
|
-
readonly palette: {
|
|
3
|
-
readonly primary: {
|
|
4
|
-
readonly main: "#2E3042";
|
|
5
|
-
};
|
|
6
|
-
};
|
|
7
|
-
readonly typography: {
|
|
8
|
-
readonly h1: {
|
|
9
|
-
readonly fontFamily: "Poppins";
|
|
10
|
-
readonly fontSize: "24px";
|
|
11
|
-
readonly fontWeight: 400;
|
|
12
|
-
readonly lineHeight: "36px";
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
readonly props: {
|
|
16
|
-
readonly MuiTextField: {
|
|
17
|
-
readonly variant: "outlined";
|
|
18
|
-
readonly fullWidth: true;
|
|
19
|
-
};
|
|
20
|
-
readonly MuiButton: {
|
|
21
|
-
readonly variant: "contained";
|
|
22
|
-
readonly color: "primary";
|
|
23
|
-
readonly disableElevation: true;
|
|
24
|
-
readonly fullWidth: true;
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
readonly overrides: {
|
|
28
|
-
readonly MuiButton: {
|
|
29
|
-
readonly root: {
|
|
30
|
-
readonly borderRadius: 32;
|
|
31
|
-
readonly textTransform: "none";
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
|
-
};
|
|
1
|
+
export declare const theme: {
|
|
2
|
+
readonly palette: {
|
|
3
|
+
readonly primary: {
|
|
4
|
+
readonly main: "#2E3042";
|
|
5
|
+
};
|
|
6
|
+
};
|
|
7
|
+
readonly typography: {
|
|
8
|
+
readonly h1: {
|
|
9
|
+
readonly fontFamily: "Poppins";
|
|
10
|
+
readonly fontSize: "24px";
|
|
11
|
+
readonly fontWeight: 400;
|
|
12
|
+
readonly lineHeight: "36px";
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
readonly props: {
|
|
16
|
+
readonly MuiTextField: {
|
|
17
|
+
readonly variant: "outlined";
|
|
18
|
+
readonly fullWidth: true;
|
|
19
|
+
};
|
|
20
|
+
readonly MuiButton: {
|
|
21
|
+
readonly variant: "contained";
|
|
22
|
+
readonly color: "primary";
|
|
23
|
+
readonly disableElevation: true;
|
|
24
|
+
readonly fullWidth: true;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
readonly overrides: {
|
|
28
|
+
readonly MuiButton: {
|
|
29
|
+
readonly root: {
|
|
30
|
+
readonly borderRadius: 32;
|
|
31
|
+
readonly textTransform: "none";
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
var theme = {
|
|
2
|
+
palette: {
|
|
3
|
+
primary: { main: '#2E3042' },
|
|
4
|
+
},
|
|
5
|
+
typography: {
|
|
6
|
+
h1: {
|
|
7
|
+
fontFamily: 'Poppins',
|
|
8
|
+
fontSize: '24px',
|
|
9
|
+
fontWeight: 400,
|
|
10
|
+
lineHeight: '36px',
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
props: {
|
|
14
|
+
MuiTextField: {
|
|
15
|
+
variant: 'outlined',
|
|
16
|
+
fullWidth: true,
|
|
17
|
+
},
|
|
18
|
+
MuiButton: {
|
|
19
|
+
variant: 'contained',
|
|
20
|
+
color: 'primary',
|
|
21
|
+
disableElevation: true,
|
|
22
|
+
fullWidth: true,
|
|
23
|
+
},
|
|
24
|
+
},
|
|
25
|
+
overrides: {
|
|
26
|
+
MuiButton: {
|
|
27
|
+
root: {
|
|
28
|
+
borderRadius: 32,
|
|
29
|
+
textTransform: 'none',
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
export { theme };
|
|
36
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sources":["../../../../src/components/FollowerAuthenticationDialog/theme.ts"],"sourcesContent":["export const theme = {\n palette: {\n primary: { main: '#2E3042' },\n },\n typography: {\n h1: {\n fontFamily: 'Poppins',\n fontSize: '24px',\n fontWeight: 400,\n lineHeight: '36px',\n },\n },\n props: {\n MuiTextField: {\n variant: 'outlined',\n fullWidth: true,\n },\n MuiButton: {\n variant: 'contained',\n color: 'primary',\n disableElevation: true,\n fullWidth: true,\n },\n },\n overrides: {\n MuiButton: {\n root: {\n borderRadius: 32,\n textTransform: 'none',\n },\n },\n },\n} as const\n"],"names":[],"mappings":"AAAa,IAAA,KAAK,GAAG;AACnB,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;AAC7B,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,EAAE,EAAE;AACF,YAAA,UAAU,EAAE,SAAS;AACrB,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,UAAU,EAAE,MAAM;AACnB,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,YAAY,EAAE;AACZ,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,SAAS,EAAE,IAAI;AAChB,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,gBAAgB,EAAE,IAAI;AACtB,YAAA,SAAS,EAAE,IAAI;AAChB,SAAA;AACF,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE;AACJ,gBAAA,YAAY,EAAE,EAAE;AAChB,gBAAA,aAAa,EAAE,MAAM;AACtB,aAAA;AACF,SAAA;AACF,KAAA;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default, FormControlProps } from '@material-ui/core/FormControl';
|
|
1
|
+
export { default, FormControlProps } from '@material-ui/core/FormControl';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default, FormControlLabelProps } from '@material-ui/core/FormControlLabel';
|
|
1
|
+
export { default, FormControlLabelProps } from '@material-ui/core/FormControlLabel';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default, FormLabelProps } from '@material-ui/core/FormLabel';
|
|
1
|
+
export { default, FormLabelProps } from '@material-ui/core/FormLabel';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default, GridProps } from '@material-ui/core/Grid';
|
|
1
|
+
export { default, GridProps } from '@material-ui/core/Grid';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { GridList as default, GridListProps } from '@material-ui/core';
|
|
1
|
+
export { GridList as default, GridListProps } from '@material-ui/core';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Hidden as default, HiddenProps } from '@material-ui/core';
|
|
1
|
+
export { Hidden as default, HiddenProps } from '@material-ui/core';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { VoidFunctionComponent } from 'react';
|
|
2
|
-
import { IconProps } from './IconProps';
|
|
3
|
-
export declare const iconStaticClassName = "pop-icon";
|
|
4
|
-
export declare const Icon: VoidFunctionComponent<IconProps>;
|
|
1
|
+
import { VoidFunctionComponent } from 'react';
|
|
2
|
+
import { IconProps } from './IconProps';
|
|
3
|
+
export declare const iconStaticClassName = "pop-icon";
|
|
4
|
+
export declare const Icon: VoidFunctionComponent<IconProps>;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
|
+
import { createElement } from 'react';
|
|
3
|
+
import { useIconStyles } from './IconStyles.js';
|
|
4
|
+
import classNames from 'classnames';
|
|
5
|
+
|
|
6
|
+
var iconStaticClassName = 'pop-icon';
|
|
7
|
+
var Icon = function (props) {
|
|
8
|
+
var icon = props.icon, className = props.className, restProps = __rest(props, ["icon", "className"]);
|
|
9
|
+
var hasAccessibleAttr = Boolean(restProps['aria-describedby'] || restProps['aria-label']);
|
|
10
|
+
if (!hasAccessibleAttr && restProps['aria-hidden'] === undefined) {
|
|
11
|
+
restProps['aria-hidden'] = true;
|
|
12
|
+
}
|
|
13
|
+
var classes = useIconStyles(props);
|
|
14
|
+
var isValid = true;
|
|
15
|
+
if (!icon || (typeof icon === 'function' && icon({}) === undefined)) {
|
|
16
|
+
isValid = false;
|
|
17
|
+
}
|
|
18
|
+
return isValid
|
|
19
|
+
? createElement(icon, __assign({ className: classNames([classes.root, iconStaticClassName, className]) }, restProps))
|
|
20
|
+
: null;
|
|
21
|
+
};
|
|
22
|
+
Icon.defaultProps = {
|
|
23
|
+
size: 'inherit',
|
|
24
|
+
color: 'inherit',
|
|
25
|
+
};
|
|
26
|
+
Icon.displayName = 'Icon';
|
|
27
|
+
|
|
28
|
+
export { Icon, iconStaticClassName };
|
|
29
|
+
//# sourceMappingURL=Icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { createElement, VoidFunctionComponent } from 'react'\nimport { IconProps } from './IconProps'\nimport { useIconStyles } from './IconStyles'\nimport classNames from 'classnames'\n\nexport const iconStaticClassName = 'pop-icon'\nexport const Icon: VoidFunctionComponent<IconProps> = (props) => {\n const { icon, className, ...restProps } = props\n const hasAccessibleAttr = Boolean(restProps['aria-describedby'] || restProps['aria-label'])\n if (!hasAccessibleAttr && restProps['aria-hidden'] === undefined) {\n restProps['aria-hidden'] = true\n }\n const classes = useIconStyles(props)\n let isValid = true\n if (!icon || (typeof icon === 'function' && icon({}) === undefined)) {\n isValid = false\n }\n return isValid\n ? createElement(icon, { className: classNames([classes.root, iconStaticClassName, className]), ...restProps })\n : null\n}\n\nIcon.defaultProps = {\n size: 'inherit',\n color: 'inherit',\n}\n\nIcon.displayName = 'Icon'\n"],"names":[],"mappings":";;;;;AAKO,IAAM,mBAAmB,GAAG;AAC5B,IAAM,IAAI,GAAqC,UAAC,KAAK,EAAA;AAClD,IAAA,IAAA,IAAI,GAA8B,KAAK,CAAnC,IAAA,EAAE,SAAS,GAAmB,KAAK,CAAxB,SAAA,EAAK,SAAS,GAAK,MAAA,CAAA,KAAK,EAAzC,CAAA,MAAA,EAAA,WAAA,CAAiC,CAAF;AACrC,IAAA,IAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC,kBAAkB,CAAC,IAAI,SAAS,CAAC,YAAY,CAAC,CAAC;IAC3F,IAAI,CAAC,iBAAiB,IAAI,SAAS,CAAC,aAAa,CAAC,KAAK,SAAS,EAAE;AAChE,QAAA,SAAS,CAAC,aAAa,CAAC,GAAG,IAAI;AAChC;AACD,IAAA,IAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC;IACpC,IAAI,OAAO,GAAG,IAAI;AAClB,IAAA,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,UAAU,IAAI,IAAI,CAAC,EAAE,CAAC,KAAK,SAAS,CAAC,EAAE;QACnE,OAAO,GAAG,KAAK;AAChB;AACD,IAAA,OAAO;UACH,aAAa,CAAC,IAAI,aAAI,SAAS,EAAE,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,mBAAmB,EAAE,SAAS,CAAC,CAAC,EAAK,EAAA,SAAS,CAAG;UAC5G,IAAI;AACV;AAEA,IAAI,CAAC,YAAY,GAAG;AAClB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,KAAK,EAAE,SAAS;CACjB;AAED,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface IconProps {
|
|
3
|
-
/** Adds aria-describedby attribute to the html element */
|
|
4
|
-
'aria-describedby'?: string;
|
|
5
|
-
/** Overrides aria-hidden attribute on the html element */
|
|
6
|
-
'aria-hidden'?: boolean;
|
|
7
|
-
/** Adds aria-label attribute to the html element */
|
|
8
|
-
'aria-label'?: string;
|
|
9
|
-
/** Adds to the class attribute on the html element */
|
|
10
|
-
className?: string;
|
|
11
|
-
/** The icon from @popmenu/web-icons to be rendered */
|
|
12
|
-
icon: string | React.FC<React.SVGProps<SVGSVGElement>>;
|
|
13
|
-
/** Sets the color of the icon */
|
|
14
|
-
color?: 'primary' | 'secondary' | 'primary.light' | 'primary.dark' | 'secondary.light' | 'secondary.dark' | string;
|
|
15
|
-
/** Sets the dimensions of the icon */
|
|
16
|
-
size?: 'small' | 'medium' | 'large' | 'extra-large' | 'inherit';
|
|
17
|
-
}
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface IconProps {
|
|
3
|
+
/** Adds aria-describedby attribute to the html element */
|
|
4
|
+
'aria-describedby'?: string;
|
|
5
|
+
/** Overrides aria-hidden attribute on the html element */
|
|
6
|
+
'aria-hidden'?: boolean;
|
|
7
|
+
/** Adds aria-label attribute to the html element */
|
|
8
|
+
'aria-label'?: string;
|
|
9
|
+
/** Adds to the class attribute on the html element */
|
|
10
|
+
className?: string;
|
|
11
|
+
/** The icon from @popmenu/web-icons to be rendered */
|
|
12
|
+
icon: string | React.FC<React.SVGProps<SVGSVGElement>>;
|
|
13
|
+
/** Sets the color of the icon */
|
|
14
|
+
color?: 'primary' | 'secondary' | 'primary.light' | 'primary.dark' | 'secondary.light' | 'secondary.dark' | string;
|
|
15
|
+
/** Sets the dimensions of the icon */
|
|
16
|
+
size?: 'small' | 'medium' | 'large' | 'extra-large' | 'inherit';
|
|
17
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconProps } from './IconProps';
|
|
2
|
-
export declare const useIconStyles: (props: IconProps) => import("@material-ui/styles").ClassNameMap<string>;
|
|
1
|
+
import { IconProps } from './IconProps';
|
|
2
|
+
export declare const useIconStyles: (props: IconProps) => import("@material-ui/styles").ClassNameMap<string>;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { makeStyles } from '@material-ui/core';
|
|
2
|
+
|
|
3
|
+
var useIconStyles = makeStyles(function (_a) {
|
|
4
|
+
var spacing = _a.spacing, palette = _a.palette;
|
|
5
|
+
var getFontSize = function (_a) {
|
|
6
|
+
var size = _a.size;
|
|
7
|
+
var sizes = {
|
|
8
|
+
inherit: 'inherit',
|
|
9
|
+
small: spacing(1.5),
|
|
10
|
+
medium: spacing(2),
|
|
11
|
+
large: spacing(2.5),
|
|
12
|
+
'extra-large': spacing(3),
|
|
13
|
+
};
|
|
14
|
+
return size ? sizes[size] : 'inherit';
|
|
15
|
+
};
|
|
16
|
+
var getColor = function (props) {
|
|
17
|
+
var semanticColors = ['primary', 'secondary', 'info', 'success', 'warning', 'error'];
|
|
18
|
+
var value = 'inherit';
|
|
19
|
+
if (props.color) {
|
|
20
|
+
if (semanticColors.includes(props.color.split('.')[0])) {
|
|
21
|
+
var _a = props.color.split('.'), color = _a[0], _b = _a[1], variant = _b === void 0 ? 'main' : _b;
|
|
22
|
+
// @ts-expect-error - todo.
|
|
23
|
+
value = palette[color][variant];
|
|
24
|
+
}
|
|
25
|
+
else if (props.color.search(/^(rgb|hsla|#)/) !== -1) {
|
|
26
|
+
value = props.color;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
return value;
|
|
30
|
+
};
|
|
31
|
+
return {
|
|
32
|
+
root: {
|
|
33
|
+
color: getColor,
|
|
34
|
+
fontSize: getFontSize,
|
|
35
|
+
strokeWidth: '1.3px',
|
|
36
|
+
},
|
|
37
|
+
};
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
export { useIconStyles };
|
|
41
|
+
//# sourceMappingURL=IconStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconStyles.js","sources":["../../../../src/components/Icon/IconStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { IconProps } from './IconProps'\n\nexport const useIconStyles = makeStyles<Theme, IconProps>(({ spacing, palette }) => {\n const getFontSize = ({ size }: IconProps) => {\n const sizes = {\n inherit: 'inherit',\n small: spacing(1.5),\n medium: spacing(2),\n large: spacing(2.5),\n 'extra-large': spacing(3),\n }\n return size ? sizes[size] : 'inherit'\n }\n\n const getColor = (props: IconProps) => {\n const semanticColors = ['primary', 'secondary', 'info', 'success', 'warning', 'error']\n let value = 'inherit'\n if (props.color) {\n if (semanticColors.includes(props.color.split('.')[0])) {\n const [color, variant = 'main'] = props.color.split('.')\n // @ts-expect-error - todo.\n value = palette[color][variant]\n } else if (props.color.search(/^(rgb|hsla|#)/) !== -1) {\n value = props.color\n }\n }\n return value\n }\n\n return {\n root: {\n color: getColor,\n fontSize: getFontSize,\n strokeWidth: '1.3px',\n },\n }\n})\n"],"names":[],"mappings":";;AAGa,IAAA,aAAa,GAAG,UAAU,CAAmB,UAAC,EAAoB,EAAA;QAAlB,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA;IAC3E,IAAM,WAAW,GAAG,UAAC,EAAmB,EAAA;AAAjB,QAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA;AACzB,QAAA,IAAM,KAAK,GAAG;AACZ,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC;AACnB,YAAA,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAClB,YAAA,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC;AACnB,YAAA,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;SAC1B;AACD,QAAA,OAAO,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,SAAS;AACvC,KAAC;IAED,IAAM,QAAQ,GAAG,UAAC,KAAgB,EAAA;AAChC,QAAA,IAAM,cAAc,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;QACtF,IAAI,KAAK,GAAG,SAAS;QACrB,IAAI,KAAK,CAAC,KAAK,EAAE;AACf,YAAA,IAAI,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;AAChD,gBAAA,IAAA,KAA4B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAjD,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,EAAgB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAhB,OAAO,GAAG,EAAA,KAAA,MAAA,GAAA,MAAM,KAA0B;;gBAExD,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;AAChC;iBAAM,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE;AACrD,gBAAA,KAAK,GAAG,KAAK,CAAC,KAAK;AACpB;AACF;AACD,QAAA,OAAO,KAAK;AACd,KAAC;IAED,OAAO;AACL,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,QAAQ,EAAE,WAAW;AACrB,YAAA,WAAW,EAAE,OAAO;AACrB,SAAA;KACF;AACH,CAAC;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Icon as default, iconStaticClassName } from './Icon';
|
|
2
|
-
export { IconProps } from './IconProps';
|
|
1
|
+
export { Icon as default, iconStaticClassName } from './Icon';
|
|
2
|
+
export { IconProps } from './IconProps';
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IconButtonProps } from './IconButtonProps';
|
|
3
|
+
export declare const IconButton: React.ForwardRefExoticComponent<Pick<IconButtonProps, "color" | "translate" | "hidden" | "size" | "disabled" | "aria-describedby" | "aria-hidden" | "aria-label" | "form" | "slot" | "title" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "action" | "disableFocusRipple" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "edge" | keyof import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core/IconButton").IconButtonTypeMap<{}, "button">>> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import React, { forwardRef } from 'react';
|
|
3
|
+
import MuiIconButton from '@material-ui/core/IconButton';
|
|
4
|
+
|
|
5
|
+
var IconButton = forwardRef(function (props, ref) {
|
|
6
|
+
return React.createElement(MuiIconButton, __assign({ ref: ref }, props));
|
|
7
|
+
});
|
|
8
|
+
IconButton.displayName = 'IconButton';
|
|
9
|
+
IconButton.defaultProps = {
|
|
10
|
+
color: 'secondary',
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
export { IconButton };
|
|
14
|
+
//# sourceMappingURL=IconButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport MuiIconButton from '@material-ui/core/IconButton'\n\nimport { IconButtonProps } from './IconButtonProps'\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>((props, ref) => {\n return <MuiIconButton ref={ref} {...props} />\n})\n\nIconButton.displayName = 'IconButton'\n\nIconButton.defaultProps = {\n color: 'secondary',\n}\n"],"names":[],"mappings":";;;;IAKa,UAAU,GAAG,UAAU,CAAqC,UAAC,KAAK,EAAE,GAAG,EAAA;IAClF,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,QAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAA,CAAI;AAC/C,CAAC;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;AAErC,UAAU,CAAC,YAAY,GAAG;AACxB,IAAA,KAAK,EAAE,WAAW;CACnB;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IconButtonProps as MuiIconButtonProps } from '@material-ui/core/IconButton';
|
|
2
|
-
export declare type IconButtonProps = MuiIconButtonProps;
|
|
1
|
+
import { IconButtonProps as MuiIconButtonProps } from '@material-ui/core/IconButton';
|
|
2
|
+
export declare type IconButtonProps = MuiIconButtonProps;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { IconButton as default } from './IconButton';
|
|
2
|
-
export { IconButtonProps } from './IconButtonProps';
|
|
1
|
+
export { IconButton as default } from './IconButton';
|
|
2
|
+
export { IconButtonProps } from './IconButtonProps';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default, InputAdornmentProps } from '@material-ui/core/InputAdornment';
|
|
1
|
+
export { default, InputAdornmentProps } from '@material-ui/core/InputAdornment';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default, LinearProgressProps } from '@material-ui/core/LinearProgress';
|
|
1
|
+
export { default, LinearProgressProps } from '@material-ui/core/LinearProgress';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { LinkProps } from '@material-ui/core';
|
|
3
|
-
interface LinkType {
|
|
4
|
-
<C extends React.ElementType = 'a'>(props: LinkProps<C> & {
|
|
5
|
-
component?: C;
|
|
6
|
-
}): React.ReactElement;
|
|
7
|
-
defaultProps?: Partial<LinkProps>;
|
|
8
|
-
displayName?: string;
|
|
9
|
-
}
|
|
10
|
-
export declare const Link: LinkType;
|
|
11
|
-
export {};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { LinkProps } from '@material-ui/core';
|
|
3
|
+
interface LinkType {
|
|
4
|
+
<C extends React.ElementType = 'a'>(props: LinkProps<C> & {
|
|
5
|
+
component?: C;
|
|
6
|
+
}): React.ReactElement;
|
|
7
|
+
defaultProps?: Partial<LinkProps>;
|
|
8
|
+
displayName?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const Link: LinkType;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
|
+
import React, { forwardRef } from 'react';
|
|
3
|
+
import { Link as Link$1 } from '@material-ui/core';
|
|
4
|
+
import { useLinkStyles } from './LinkStyles.js';
|
|
5
|
+
|
|
6
|
+
// eslint-disable-next-line react/display-name -- false positive
|
|
7
|
+
var Link = forwardRef(function (props, ref) {
|
|
8
|
+
var children = props.children, muiProps = __rest(props, ["children"]);
|
|
9
|
+
var classes = useLinkStyles(props);
|
|
10
|
+
return (React.createElement(Link$1, __assign({ ref: ref, classes: { root: classes.root } }, muiProps), children));
|
|
11
|
+
});
|
|
12
|
+
Link.defaultProps = {
|
|
13
|
+
variant: 'body1',
|
|
14
|
+
};
|
|
15
|
+
Link.displayName = 'Link';
|
|
16
|
+
|
|
17
|
+
export { Link };
|
|
18
|
+
//# sourceMappingURL=Link.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Link.js","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Link as MuiLink, LinkProps } from '@material-ui/core'\n\nimport { useLinkStyles } from './LinkStyles'\n\ninterface LinkType {\n <C extends React.ElementType = 'a'>(props: LinkProps<C> & { component?: C }): React.ReactElement\n defaultProps?: Partial<LinkProps>\n displayName?: string\n}\n\n// eslint-disable-next-line react/display-name -- false positive\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n const { children, ...muiProps } = props\n const classes = useLinkStyles(props)\n\n return (\n <MuiLink ref={ref} classes={{ root: classes.root }} {...muiProps}>\n {children}\n </MuiLink>\n )\n}) as LinkType\n\nLink.defaultProps = {\n variant: 'body1',\n}\n\nLink.displayName = 'Link'\n"],"names":["MuiLink"],"mappings":";;;;;AAWA;IACa,IAAI,GAAG,UAAU,CAA+B,UAAC,KAAK,EAAE,GAAG,EAAA;IAC9D,IAAA,QAAQ,GAAkB,KAAK,CAAvB,QAAA,EAAK,QAAQ,GAAA,MAAA,CAAK,KAAK,EAAjC,CAAyB,UAAA,CAAA,CAAF;AAC7B,IAAA,IAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC;IAEpC,QACE,oBAACA,MAAO,EAAA,QAAA,CAAA,EAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,EAAA,EAAM,QAAQ,CAC7D,EAAA,QAAQ,CACD;AAEd,CAAC;AAED,IAAI,CAAC,YAAY,GAAG;AAClB,IAAA,OAAO,EAAE,OAAO;CACjB;AAED,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { LinkProps } from '@material-ui/core';
|
|
2
|
-
export declare const useLinkStyles: (props: LinkProps<"a", {}>) => import("@material-ui/styles").ClassNameMap<string>;
|
|
1
|
+
import { LinkProps } from '@material-ui/core';
|
|
2
|
+
export declare const useLinkStyles: (props: LinkProps<"a", {}>) => import("@material-ui/styles").ClassNameMap<string>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { makeStyles } from '@material-ui/core/styles';
|
|
3
|
+
import { iconStaticClassName } from '../Icon/Icon.js';
|
|
4
|
+
|
|
5
|
+
var useLinkStyles = makeStyles(function (theme) { return ({
|
|
6
|
+
root: function (props) {
|
|
7
|
+
var _a;
|
|
8
|
+
return (__assign(__assign({ display: 'flex' }, (props.color === undefined && { color: theme.palette.info.main })), (_a = {}, _a["& ." + iconStaticClassName] = {
|
|
9
|
+
alignSelf: 'center',
|
|
10
|
+
}, _a)));
|
|
11
|
+
},
|
|
12
|
+
}); });
|
|
13
|
+
|
|
14
|
+
export { useLinkStyles };
|
|
15
|
+
//# sourceMappingURL=LinkStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LinkStyles.js","sources":["../../../../src/components/Link/LinkStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles'\nimport { LinkProps } from '@material-ui/core'\nimport { iconStaticClassName } from '../Icon'\n\nexport const useLinkStyles = makeStyles<Theme, LinkProps>((theme) => ({\n root: (props) => ({\n display: 'flex',\n ...(props.color === undefined && { color: theme.palette.info.main }),\n [`& .${iconStaticClassName}`]: {\n alignSelf: 'center',\n },\n }),\n}))\n"],"names":[],"mappings":";;;;AAIa,IAAA,aAAa,GAAG,UAAU,CAAmB,UAAC,KAAK,EAAK,EAAA,QAAC;IACpE,IAAI,EAAE,UAAC,KAAK,EAAA;;QAAK,QAAA,QAAA,CAAA,QAAA,CAAA,EACf,OAAO,EAAE,MAAM,EAAA,GACX,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,EAAC,GAAA,EAAA,GAAA,EAAA,EAAA,EAAA,CACnE,KAAM,GAAA,mBAAqB,CAAG,GAAA;AAC7B,YAAA,SAAS,EAAE,QAAQ;SACpB,EACD,EAAA,EAAA;KAAA;CACH,EAAC,EAAA;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Link as default } from './Link';
|
|
2
|
-
export { LinkProps } from '@material-ui/core';
|
|
1
|
+
export { Link as default } from './Link';
|
|
2
|
+
export { LinkProps } from '@material-ui/core';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default, ListProps } from '@material-ui/core/List';
|
|
1
|
+
export { default, ListProps } from '@material-ui/core/List';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default, ListItemProps } from '@material-ui/core/ListItem';
|
|
1
|
+
export { default, ListItemProps } from '@material-ui/core/ListItem';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default, ListItemAvatarProps } from '@material-ui/core/ListItemAvatar';
|
|
1
|
+
export { default, ListItemAvatarProps } from '@material-ui/core/ListItemAvatar';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default, ListItemIconProps } from '@material-ui/core/ListItemIcon';
|
|
1
|
+
export { default, ListItemIconProps } from '@material-ui/core/ListItemIcon';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default, ListItemSecondaryActionProps } from '@material-ui/core/ListItemSecondaryAction';
|
|
1
|
+
export { default, ListItemSecondaryActionProps } from '@material-ui/core/ListItemSecondaryAction';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default, ListItemTextProps } from '@material-ui/core/ListItemText';
|
|
1
|
+
export { default, ListItemTextProps } from '@material-ui/core/ListItemText';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default, MenuProps } from '@material-ui/core/Menu';
|
|
1
|
+
export { default, MenuProps } from '@material-ui/core/Menu';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default, MenuItemProps } from '@material-ui/core/MenuItem';
|
|
1
|
+
export { default, MenuItemProps } from '@material-ui/core/MenuItem';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default, MenuListProps } from '@material-ui/core/MenuList';
|
|
1
|
+
export { default, MenuListProps } from '@material-ui/core/MenuList';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Modal as default, ModalProps } from '@material-ui/core';
|
|
1
|
+
export { Modal as default, ModalProps } from '@material-ui/core';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { NumberFieldProps } from './NumberFieldProps';
|
|
3
|
-
export declare const NumberField: (props: NumberFieldProps) => JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { NumberFieldProps } from './NumberFieldProps';
|
|
3
|
+
export declare const NumberField: (props: NumberFieldProps) => JSX.Element;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { TextField } from '@material-ui/core';
|
|
4
|
+
import { MinusCircle, PlusCircle } from '@popmenu/web-icons';
|
|
5
|
+
import { Icon } from '../Icon/Icon.js';
|
|
6
|
+
import { IconButton } from '../IconButton/IconButton.js';
|
|
7
|
+
import { useNumberFieldStyles, useNumberInputStyles } from './NumberFieldStyles.js';
|
|
8
|
+
|
|
9
|
+
var NumberField = function (props) {
|
|
10
|
+
var onIncrement = props.onIncrement, onDecrement = props.onDecrement, _a = props.endAdornmentButtonProps, endAdornmentButtonProps = _a === void 0 ? {} : _a, _b = props.startAdornmentButtonProps, startAdornmentButtonProps = _b === void 0 ? {} : _b, _c = props.InputProps, InputProps = _c === void 0 ? {} : _c, classes = props.classes, restProps = __rest(props, ["onIncrement", "onDecrement", "endAdornmentButtonProps", "startAdornmentButtonProps", "InputProps", "classes"]);
|
|
11
|
+
var _d = InputProps, inputClassesOverride = _d.classes, restInputProps = __rest(_d, ["classes"]);
|
|
12
|
+
var fieldClasses = useNumberFieldStyles(props);
|
|
13
|
+
var inputClasses = useNumberInputStyles(props);
|
|
14
|
+
return (React.createElement(TextField, __assign({ classes: __assign(__assign({}, fieldClasses), classes), variant: "filled", type: "number", defaultValue: 0, InputProps: __assign({ classes: __assign(__assign({}, inputClasses), inputClassesOverride), disableUnderline: true, endAdornment: (React.createElement(IconButton, __assign({ style: { fontSize: 20 }, onClick: onIncrement }, endAdornmentButtonProps),
|
|
15
|
+
React.createElement(Icon, { icon: PlusCircle }))), startAdornment: (React.createElement(IconButton, __assign({ style: { fontSize: 20 }, onClick: onDecrement }, startAdornmentButtonProps),
|
|
16
|
+
React.createElement(Icon, { icon: MinusCircle }))) }, restInputProps) }, restProps)));
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
export { NumberField };
|
|
20
|
+
//# sourceMappingURL=NumberField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NumberField.js","sources":["../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import React from 'react'\nimport { InputProps as MuiInputProps, TextField } from '@material-ui/core'\nimport { PlusCircle, MinusCircle } from '@popmenu/web-icons'\n\nimport Icon from '../Icon'\nimport IconButton from '../IconButton'\nimport { useNumberFieldStyles, useNumberInputStyles } from './NumberFieldStyles'\nimport { NumberFieldProps } from './NumberFieldProps'\n\nexport const NumberField = (props: NumberFieldProps): JSX.Element => {\n const {\n onIncrement,\n onDecrement,\n endAdornmentButtonProps = {},\n startAdornmentButtonProps = {},\n InputProps = {},\n classes,\n ...restProps\n } = props\n const { classes: inputClassesOverride, ...restInputProps } = InputProps as MuiInputProps\n const fieldClasses = useNumberFieldStyles(props)\n const inputClasses = useNumberInputStyles(props)\n\n return (\n <TextField\n classes={{ ...fieldClasses, ...classes }}\n variant=\"filled\"\n type=\"number\"\n defaultValue={0}\n InputProps={{\n classes: { ...inputClasses, ...inputClassesOverride },\n disableUnderline: true,\n endAdornment: (\n <IconButton style={{ fontSize: 20 }} onClick={onIncrement} {...endAdornmentButtonProps}>\n <Icon icon={PlusCircle} />\n </IconButton>\n ),\n startAdornment: (\n <IconButton style={{ fontSize: 20 }} onClick={onDecrement} {...startAdornmentButtonProps}>\n <Icon icon={MinusCircle} />\n </IconButton>\n ),\n ...restInputProps,\n }}\n {...restProps}\n />\n )\n}\n"],"names":[],"mappings":";;;;;;;;AASO,IAAM,WAAW,GAAG,UAAC,KAAuB,EAAA;IAE/C,IAAA,WAAW,GAOT,KAAK,CAAA,WAPI,EACX,WAAW,GAMT,KAAK,CAAA,WANI,EACX,EAAA,GAKE,KAAK,CALqB,uBAAA,EAA5B,uBAAuB,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EAC5B,EAAA,GAIE,KAAK,CAAA,yBAJuB,EAA9B,yBAAyB,mBAAG,EAAE,GAAA,EAAA,EAC9B,EAGE,GAAA,KAAK,WAHQ,EAAf,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA,EACf,OAAO,GAEL,KAAK,QAFA,EACJ,SAAS,UACV,KAAK,EARH,CAQL,aAAA,EAAA,aAAA,EAAA,yBAAA,EAAA,2BAAA,EAAA,YAAA,EAAA,SAAA,CAAA,CADa;IAEd,IAAM,EAAA,GAAuD,UAA2B,EAAvE,oBAAoB,GAAA,EAAA,CAAA,OAAA,EAAK,cAAc,GAAA,MAAA,CAAA,EAAA,EAAlD,CAAoD,SAAA,CAAA,CAA8B;AACxF,IAAA,IAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC;AAChD,IAAA,IAAM,YAAY,GAAG,oBAAoB,CAAC,KAAK,CAAC;IAEhD,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EACR,QAAA,CAAA,EAAA,OAAO,wBAAO,YAAY,CAAA,EAAK,OAAO,CAAA,EACtC,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,QAAQ,EACb,YAAY,EAAE,CAAC,EACf,UAAU,EAAA,QAAA,CAAA,EACR,OAAO,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EAAO,YAAY,CAAK,EAAA,oBAAoB,CACnD,EAAA,gBAAgB,EAAE,IAAI,EACtB,YAAY,GACV,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,WAAW,EAAA,EAAM,uBAAuB,CAAA;gBACpF,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,UAAU,EAAI,CAAA,CACf,CACd,EACD,cAAc,GACZ,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,WAAW,EAAA,EAAM,yBAAyB,CAAA;AACtF,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,WAAW,EAAI,CAAA,CAChB,CACd,EAAA,EACE,cAAc,CAAA,EAAA,EAEf,SAAS,CAAA,CACb;AAEN;;;;"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { FilledTextFieldProps } from '@material-ui/core';
|
|
2
|
-
import { IconButtonProps } from '../IconButton';
|
|
3
|
-
export interface NumberFieldProps extends Omit<FilledTextFieldProps, 'variant'> {
|
|
4
|
-
/** Callback invoked when the plus sign is clicked. */
|
|
5
|
-
onIncrement: () => void;
|
|
6
|
-
/** Callback invoked when the minus sign is clicked. */
|
|
7
|
-
onDecrement: () => void;
|
|
8
|
-
/** Props for the endAdornment IconButton element */
|
|
9
|
-
endAdornmentButtonProps?: IconButtonProps;
|
|
10
|
-
/** Props for the startAdornment IconButton element */
|
|
11
|
-
startAdornmentButtonProps?: IconButtonProps;
|
|
12
|
-
}
|
|
1
|
+
import { FilledTextFieldProps } from '@material-ui/core';
|
|
2
|
+
import { IconButtonProps } from '../IconButton';
|
|
3
|
+
export interface NumberFieldProps extends Omit<FilledTextFieldProps, 'variant'> {
|
|
4
|
+
/** Callback invoked when the plus sign is clicked. */
|
|
5
|
+
onIncrement: () => void;
|
|
6
|
+
/** Callback invoked when the minus sign is clicked. */
|
|
7
|
+
onDecrement: () => void;
|
|
8
|
+
/** Props for the endAdornment IconButton element */
|
|
9
|
+
endAdornmentButtonProps?: IconButtonProps;
|
|
10
|
+
/** Props for the startAdornment IconButton element */
|
|
11
|
+
startAdornmentButtonProps?: IconButtonProps;
|
|
12
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const useNumberFieldStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root">;
|
|
2
|
-
export declare const useNumberInputStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"
|
|
1
|
+
export declare const useNumberFieldStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root">;
|
|
2
|
+
export declare const useNumberInputStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"input" | "root" | "adornedEnd" | "adornedStart">;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { makeStyles } from '@material-ui/core';
|
|
2
|
+
|
|
3
|
+
var useNumberFieldStyles = makeStyles(function () { return ({
|
|
4
|
+
root: {
|
|
5
|
+
height: 56,
|
|
6
|
+
},
|
|
7
|
+
}); });
|
|
8
|
+
var useNumberInputStyles = makeStyles(function (theme) { return ({
|
|
9
|
+
root: {
|
|
10
|
+
height: '100%',
|
|
11
|
+
width: 'min-content',
|
|
12
|
+
borderRadius: theme.spacing(1),
|
|
13
|
+
},
|
|
14
|
+
input: {
|
|
15
|
+
'&::-webkit-clear-button, &::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {
|
|
16
|
+
display: 'none',
|
|
17
|
+
},
|
|
18
|
+
'-moz-appearance': 'textfield',
|
|
19
|
+
minWidth: 40,
|
|
20
|
+
padding: 0,
|
|
21
|
+
textAlign: 'center',
|
|
22
|
+
},
|
|
23
|
+
adornedStart: {
|
|
24
|
+
padding: 0,
|
|
25
|
+
},
|
|
26
|
+
adornedEnd: {
|
|
27
|
+
padding: 0,
|
|
28
|
+
},
|
|
29
|
+
}); });
|
|
30
|
+
|
|
31
|
+
export { useNumberFieldStyles, useNumberInputStyles };
|
|
32
|
+
//# sourceMappingURL=NumberFieldStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NumberFieldStyles.js","sources":["../../../../src/components/NumberField/NumberFieldStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\n\nexport const useNumberFieldStyles = makeStyles(() => ({\n root: {\n height: 56,\n },\n}))\n\nexport const useNumberInputStyles = makeStyles((theme) => ({\n root: {\n height: '100%',\n width: 'min-content',\n borderRadius: theme.spacing(1),\n },\n input: {\n '&::-webkit-clear-button, &::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\n display: 'none',\n },\n '-moz-appearance': 'textfield',\n minWidth: 40,\n padding: 0,\n textAlign: 'center',\n },\n adornedStart: {\n padding: 0,\n },\n adornedEnd: {\n padding: 0,\n },\n}))\n"],"names":[],"mappings":";;IAEa,oBAAoB,GAAG,UAAU,CAAC,YAAA,EAAM,QAAC;AACpD,IAAA,IAAI,EAAE;AACJ,QAAA,MAAM,EAAE,EAAE;AACX,KAAA;CACF,EAAC,EAAA;AAEW,IAAA,oBAAoB,GAAG,UAAU,CAAC,UAAC,KAAK,EAAK,EAAA,QAAC;AACzD,IAAA,IAAI,EAAE;AACJ,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,KAAK,EAAE,aAAa;AACpB,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/B,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,qFAAqF,EAAE;AACrF,YAAA,OAAO,EAAE,MAAM;AAChB,SAAA;AACD,QAAA,iBAAiB,EAAE,WAAW;AAC9B,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,SAAS,EAAE,QAAQ;AACpB,KAAA;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,OAAO,EAAE,CAAC;AACX,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,OAAO,EAAE,CAAC;AACX,KAAA;CACF,EAAC,EAAA;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { NumberField } from './NumberField';
|
|
2
|
-
export { NumberFieldProps } from './NumberFieldProps';
|
|
1
|
+
export { NumberField } from './NumberField';
|
|
2
|
+
export { NumberFieldProps } from './NumberFieldProps';
|