@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
75 lines (74 loc) • 3.04 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.InputLabel = exports.CssTextField = exports.Box = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
var _material = require("@mui/material");
var _templateObject, _templateObject2;
var Box = exports.Box = (0, _material.styled)('div')(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\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';
});
var InputLabel = exports.InputLabel = (0, _material.styled)('label')(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\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"])));
var CssTextField = exports.CssTextField = (0, _material.styled)(_material.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'
}
}
};
});