@actinc/dls
Version:
Design Language System (DLS) for ACT & Encoura front-end projects.
56 lines • 1.88 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 Grid, { gridClasses } from '@mui/material/Grid';
import Typography, { typographyClasses, } from '@mui/material/Typography';
import { styled } from "../../helpers/styled";
export var StyledContainer = styled('div')({
alignItems: 'center',
display: 'flex',
flex: 1,
flexDirection: 'column',
});
export var StyledTypographyDescription = styled(Typography)(function (_a) {
var _b;
var $withoutTitle = _a.$withoutTitle, theme = _a.theme;
return (_b = {},
_b["&.".concat(typographyClasses.root)] = {
marginBottom: theme.spacing(2),
marginTop: $withoutTitle ? theme.spacing(2) : theme.spacing(0.5),
maxWidth: 350,
},
_b);
});
export var StyledTypographyTitle = styled(Typography)(function (_a) {
var _b;
var theme = _a.theme;
return (_b = {},
_b["&.".concat(typographyClasses.root)] = {
// Use one font weight higher than `body1` (varies from theme to theme)
fontWeight: Number(theme.typography.body1.fontWeight) + 100,
// Scale the font to be 20% larger than `body1` (also varies from theme to theme)
transform: 'scale(1.2)',
},
_b);
});
export var StyledGridContainer = styled(Grid)(function (_a) {
var _b;
var theme = _a.theme;
return (_b = {},
_b["&.".concat(gridClasses.container)] = {
marginBottom: theme.spacing(1),
marginTop: theme.spacing(1),
maxWidth: 300,
},
_b);
});
export var StyledGridItem = styled(Grid)((_a = {},
_a["&.".concat(gridClasses.root)] = {
display: 'flex',
},
_a));
//# sourceMappingURL=styles.js.map