@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
68 lines • 2.67 kB
JavaScript
import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject, _templateObject2;
import { TextField, styled } from '@mui/material';
export var Box = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin: 10px 0px;\n background-color: ", ";\n padding: 15px 0px 0px 0px;\n border-radius: ", ";\n border: ", ";\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n align-content: center;\n box-shadow: ", ";\n border-bottom: ", ";\n"])), function (props) {
return props.backgroundColor ? '#fff' : '#f6f7fc';
}, function (props) {
return props.showDivider ? '0px' : '15px';
}, function (props) {
return props.showBorder ? '1px solid #ECECFB' : 'none';
}, function (props) {
return props.showBoxShadow ? '0px 4px 24px rgba(0, 0, 0, 0.05)' : 'none';
}, function (props) {
return props.showDivider ? '1px solid #EFF3FE' : 'none';
});
export var InputLabel = styled('label')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 0px 0px 0px 14px;\n font-size: 14px;\n line-height: 18px;\n font-weight: normal;\n font-family: Poppins, cursive;\n color: #b2beda;\n margin-bottom: 5px;\n"])));
export var CssTextField = styled(TextField)(function (props) {
return {
backgroundColor: props.backgroundColor ? '#fff' : '#f6f7fc',
borderRadius: '0px',
color: '#B2BEDA',
paddingLeft: 0,
paddingTop: 0,
'& div': {
paddingRight: '0px',
paddingLeft: '0px'
},
'& div div span': {
fontSize: '14px'
},
'& div input': {
color: '#223263',
fontFamily: 'Poppins, cursive',
fontWeight: '400',
fontSize: '18px',
lineHeight: '27px',
padding: '5px 14px 0px 14px !important',
backgroundColor: props.backgroundColor ? '#fff' : '#f6f7fc'
},
'& input::placeholder': {
color: '#B2BEDA',
fontFamily: 'Poppins, cursive',
fontWeight: '400',
fontSize: '18px',
lineHeight: '18px'
},
'& label.Mui-focused': {
color: '#223263'
},
'& .MuiInput-underline:after': {
borderBottomColor: props.borderColor || '#f6f7fc'
},
'& .MuiOutlinedInput-root': {
backgroundColor: props.backgroundColor ? '#fff' : '#f6f7fc',
paddingLeft: 0,
paddingTop: 0,
'& fieldset': {
borderColor: props.borderColor || '#f6f7fc',
color: '#223263'
},
'&:hover fieldset': {
borderColor: props.borderColor || '#f6f7fc'
},
'&.Mui-focused fieldset': {
borderColor: props.borderColor || '#f6f7fc'
}
}
};
});