@actinc/dls
Version:
Design Language System (DLS) for ACT & Encoura front-end projects.
60 lines • 1.91 kB
JavaScript
/**
* Copyright (c) ACT, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var _a;
import Avatar, { avatarClasses } from '@mui/material/Avatar';
import Divider, { dividerClasses } from '@mui/material/Divider';
import Grid, { gridClasses } from '@mui/material/Grid';
import ListItem, { listItemClasses } from '@mui/material/ListItem';
import ListItemIcon, { listItemIconClasses } from '@mui/material/ListItemIcon';
import { styled } from "../../helpers/styled";
var AVATAR_SIZE = 50;
export var StyledAvatar = styled(Avatar)(function (_a) {
var _b;
var theme = _a.theme;
return (_b = {},
_b["&.".concat(avatarClasses.root)] = {
borderColor: theme.palette.grey[300],
borderWidth: 1,
height: AVATAR_SIZE,
width: AVATAR_SIZE,
},
_b);
});
export var StyledDivider = styled(Divider)(function (_a) {
var _b;
var theme = _a.theme;
return (_b = {},
_b["&.".concat(dividerClasses.root)] = {
marginBottom: theme.spacing(2),
marginTop: theme.spacing(2),
},
_b);
});
export var StyledListItem = styled(ListItem)(function (_a) {
var _b;
var theme = _a.theme;
return (_b = {},
_b["&.".concat(listItemClasses.root)] = {
border: "1px solid ".concat(theme.palette.divider),
},
_b);
});
export var StyledListItemIcon = styled(ListItemIcon)((_a = {},
_a["&.".concat(listItemIconClasses.root)] = {
width: AVATAR_SIZE * 1.25,
},
_a));
export var StyledGridContainer = styled(Grid)(function (_a) {
var _b;
var theme = _a.theme;
return (_b = {},
_b["&.".concat(gridClasses.root)] = {
marginBottom: theme.spacing(2),
},
_b);
});
//# sourceMappingURL=styles.js.map