@popmenu/dashboard 0.46.0 → 0.47.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/index.es.js +18 -4
- package/build/index.es.js.map +1 -1
- package/build/index.js +18 -4
- package/build/index.js.map +1 -1
- package/package.json +2 -2
package/build/index.js
CHANGED
|
@@ -416,7 +416,7 @@ Checkbox.displayName = 'Checkbox';
|
|
|
416
416
|
|
|
417
417
|
var getBackground = function (theme) { return function (props) {
|
|
418
418
|
var variant = props.variant, severity = props.severity;
|
|
419
|
-
var background;
|
|
419
|
+
var background = theme.palette.grey[100];
|
|
420
420
|
var backgrounds = {
|
|
421
421
|
outlined: 'none',
|
|
422
422
|
error: 'error.main',
|
|
@@ -485,6 +485,9 @@ styles.makeStyles(function (theme) { return ({
|
|
|
485
485
|
height: theme.spacing(2),
|
|
486
486
|
width: theme.spacing(2),
|
|
487
487
|
},
|
|
488
|
+
deleteIcon: {
|
|
489
|
+
color: theme.palette.grey[500],
|
|
490
|
+
},
|
|
488
491
|
}); });
|
|
489
492
|
|
|
490
493
|
var defaultTypographyProps = {
|
|
@@ -892,10 +895,18 @@ var useLeaderboardStyles = core.makeStyles(function (theme) { return ({
|
|
|
892
895
|
},
|
|
893
896
|
}); });
|
|
894
897
|
var useLeaderboardListItemStyles = core.makeStyles(function (theme) { return ({
|
|
898
|
+
fallbackIcon: {
|
|
899
|
+
background: 'white',
|
|
900
|
+
border: "1px solid " + theme.palette.grey[300],
|
|
901
|
+
color: theme.palette.grey[500],
|
|
902
|
+
},
|
|
895
903
|
link: {
|
|
896
904
|
color: theme.palette.info.main,
|
|
897
905
|
textDecoration: 'none',
|
|
898
906
|
},
|
|
907
|
+
subtitle: {
|
|
908
|
+
color: theme.palette.secondary.light,
|
|
909
|
+
},
|
|
899
910
|
}); });
|
|
900
911
|
var useLeaderboardFilterStyles = core.makeStyles(function (theme) { return ({
|
|
901
912
|
filterWrapper: {
|
|
@@ -904,7 +915,8 @@ var useLeaderboardFilterStyles = core.makeStyles(function (theme) { return ({
|
|
|
904
915
|
display: 'flex',
|
|
905
916
|
},
|
|
906
917
|
text: {
|
|
907
|
-
|
|
918
|
+
color: theme.palette.secondary.main,
|
|
919
|
+
fontSize: '.75rem',
|
|
908
920
|
paddingRight: theme.spacing(1),
|
|
909
921
|
},
|
|
910
922
|
}); });
|
|
@@ -938,8 +950,10 @@ var LeaderboardListItem = function (props) {
|
|
|
938
950
|
return (React__default['default'].createElement(core.Box, __assign$1({}, (to && routeProps), { className: to && routeProps ? classes.link : '' }),
|
|
939
951
|
React__default['default'].createElement(ListItem__default['default'], null,
|
|
940
952
|
showListItemAvatar && (React__default['default'].createElement(ListItemAvatar__default['default'], null,
|
|
941
|
-
React__default['default'].createElement(Avatar, __assign$1({}, image), ItemIcon && React__default['default'].createElement(Icon, { icon: ItemIcon })))),
|
|
942
|
-
React__default['default'].createElement(ListItemText__default['default'], {
|
|
953
|
+
React__default['default'].createElement(Avatar, __assign$1({ classes: { colorDefault: classes.fallbackIcon } }, image), ItemIcon && React__default['default'].createElement(Icon, { icon: ItemIcon })))),
|
|
954
|
+
React__default['default'].createElement(ListItemText__default['default'], { classes: { secondary: classes.subtitle }, primary: title, primaryTypographyProps: {
|
|
955
|
+
noWrap: true,
|
|
956
|
+
}, secondary: subtitle }))));
|
|
943
957
|
};
|
|
944
958
|
var LeaderboardFilter = function (props) {
|
|
945
959
|
var onChange = props.onChange, options = props.options, text = props.text;
|