@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.es.js
CHANGED
|
@@ -371,7 +371,7 @@ Checkbox.displayName = 'Checkbox';
|
|
|
371
371
|
|
|
372
372
|
var getBackground = function (theme) { return function (props) {
|
|
373
373
|
var variant = props.variant, severity = props.severity;
|
|
374
|
-
var background;
|
|
374
|
+
var background = theme.palette.grey[100];
|
|
375
375
|
var backgrounds = {
|
|
376
376
|
outlined: 'none',
|
|
377
377
|
error: 'error.main',
|
|
@@ -440,6 +440,9 @@ makeStyles$1(function (theme) { return ({
|
|
|
440
440
|
height: theme.spacing(2),
|
|
441
441
|
width: theme.spacing(2),
|
|
442
442
|
},
|
|
443
|
+
deleteIcon: {
|
|
444
|
+
color: theme.palette.grey[500],
|
|
445
|
+
},
|
|
443
446
|
}); });
|
|
444
447
|
|
|
445
448
|
var defaultTypographyProps = {
|
|
@@ -847,10 +850,18 @@ var useLeaderboardStyles = makeStyles(function (theme) { return ({
|
|
|
847
850
|
},
|
|
848
851
|
}); });
|
|
849
852
|
var useLeaderboardListItemStyles = makeStyles(function (theme) { return ({
|
|
853
|
+
fallbackIcon: {
|
|
854
|
+
background: 'white',
|
|
855
|
+
border: "1px solid " + theme.palette.grey[300],
|
|
856
|
+
color: theme.palette.grey[500],
|
|
857
|
+
},
|
|
850
858
|
link: {
|
|
851
859
|
color: theme.palette.info.main,
|
|
852
860
|
textDecoration: 'none',
|
|
853
861
|
},
|
|
862
|
+
subtitle: {
|
|
863
|
+
color: theme.palette.secondary.light,
|
|
864
|
+
},
|
|
854
865
|
}); });
|
|
855
866
|
var useLeaderboardFilterStyles = makeStyles(function (theme) { return ({
|
|
856
867
|
filterWrapper: {
|
|
@@ -859,7 +870,8 @@ var useLeaderboardFilterStyles = makeStyles(function (theme) { return ({
|
|
|
859
870
|
display: 'flex',
|
|
860
871
|
},
|
|
861
872
|
text: {
|
|
862
|
-
|
|
873
|
+
color: theme.palette.secondary.main,
|
|
874
|
+
fontSize: '.75rem',
|
|
863
875
|
paddingRight: theme.spacing(1),
|
|
864
876
|
},
|
|
865
877
|
}); });
|
|
@@ -893,8 +905,10 @@ var LeaderboardListItem = function (props) {
|
|
|
893
905
|
return (React__default.createElement(Box, __assign$1({}, (to && routeProps), { className: to && routeProps ? classes.link : '' }),
|
|
894
906
|
React__default.createElement(ListItem, null,
|
|
895
907
|
showListItemAvatar && (React__default.createElement(ListItemAvatar, null,
|
|
896
|
-
React__default.createElement(Avatar, __assign$1({}, image), ItemIcon && React__default.createElement(Icon, { icon: ItemIcon })))),
|
|
897
|
-
React__default.createElement(ListItemText, {
|
|
908
|
+
React__default.createElement(Avatar, __assign$1({ classes: { colorDefault: classes.fallbackIcon } }, image), ItemIcon && React__default.createElement(Icon, { icon: ItemIcon })))),
|
|
909
|
+
React__default.createElement(ListItemText, { classes: { secondary: classes.subtitle }, primary: title, primaryTypographyProps: {
|
|
910
|
+
noWrap: true,
|
|
911
|
+
}, secondary: subtitle }))));
|
|
898
912
|
};
|
|
899
913
|
var LeaderboardFilter = function (props) {
|
|
900
914
|
var onChange = props.onChange, options = props.options, text = props.text;
|