@actinc/dls
Version:
Design Language System (DLS) for ACT & Encoura front-end projects.
38 lines • 1.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 { grey } from '@mui/material/colors';
import MenuItem, { menuItemClasses, } from '@mui/material/MenuItem';
import TextField, { textFieldClasses } from '@mui/material/TextField';
import { styled } from "../../helpers/styled";
export var StyledContainer = styled('div')({
alignItems: 'center',
display: 'inline-flex',
flexDirection: 'row',
justifyContent: 'center',
userSelect: 'none',
});
export var StyledTextField = styled(TextField)(function (_a) {
var _b;
var theme = _a.theme;
return (_b = {},
_b["&.".concat(textFieldClasses.root)] = {
color: theme.palette.text.primary,
fontSize: 14,
margin: 0,
},
_b);
});
export var StyledMenuItem = styled(MenuItem)(function (_a) {
var _b;
var isSelected = _a.isSelected;
return (_b = {},
_b["&.".concat(menuItemClasses.root)] = {
backgroundColor: isSelected ? grey[200] : undefined,
},
_b);
});
//# sourceMappingURL=styles.js.map