@actinc/dls
Version:
Design Language System (DLS) for ACT & Encoura front-end projects.
69 lines • 2.2 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.
*/
import { Box, IconButton, Table, TableCell, TableContainer, TableRow, } from '@mui/material';
import { blue, grey } from '@mui/material/colors';
import { styled } from '@mui/material/styles';
import Color from 'color';
export var StyledTableContainer = styled(TableContainer)(function () { return ({
maxHeight: '100%',
maxWidth: 250,
overflowX: 'hidden',
overflowY: 'auto',
}); });
export var StyledTable = styled(Table)(function (_a) {
var theme = _a.theme;
return ({
backgroundColor: blue[50],
borderSpacing: theme.spacing(0),
padding: theme.spacing(1),
});
});
export var StyledTableCell = styled(TableCell)(function (_a) {
var theme = _a.theme;
return ({
color: grey[800],
opacity: 1,
padding: theme.spacing(0.75, 1, 0.75, 2),
});
});
export var StyledTableRow = styled(TableRow)(function () { return ({
'&:nth-child(even):hover': {
backgroundColor: "".concat(blue[50], " !important"),
},
cursor: 'pointer',
display: 'flex',
justifyContent: 'flex-start',
}); });
export var StyledBox = styled(Box)(function (_a) {
var showSummary = _a.showSummary, theme = _a.theme;
return ({
height: '85%',
position: 'absolute',
right: theme.spacing(2),
top: theme.spacing(5),
transition: '0.5s',
width: showSummary ? 250 : 0,
});
});
export var StyledIconButton = styled(IconButton)(function (_a) {
var theme = _a.theme;
return ({
'&:hover': {
background: Color(theme.palette.secondary.main).darken(0.25).rgb().string(),
},
background: theme.palette.secondary.main,
border: "2px solid ".concat(theme.palette.secondary.main),
color: theme.palette.common.white,
height: theme.spacing(4),
left: theme.spacing(-2.25),
position: 'absolute',
top: theme.spacing(1.75),
width: theme.spacing(4),
zIndex: 100,
});
});
//# sourceMappingURL=styles.js.map