@actinc/dls
Version:
Design Language System (DLS) for ACT & Encoura front-end projects.
35 lines • 1.06 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 { grey } from '@mui/material/colors';
import { styled } from '@mui/material/styles';
import Typography from '@mui/material/Typography';
import { Popup } from 'react-map-gl/mapbox';
export var StyledPopup = styled(Popup)(function (_a) {
var theme = _a.theme;
return ({
maxWidth: '400px !important',
paddingRight: theme.spacing(1, 1.5),
pointerEvents: 'none',
zIndex: 1000,
});
});
export var StyledTypography = styled(Typography)(function (_a) {
var theme = _a.theme;
return ({
color: grey[700],
padding: theme.spacing(0.25),
});
});
export var StyledSpan = styled('span')(function (_a) {
var theme = _a.theme;
return ({
float: 'right',
fontWeight: Number(theme.typography.fontWeightRegular),
marginLeft: theme.spacing(1),
});
});
//# sourceMappingURL=styles.js.map