@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
39 lines (38 loc) • 1.95 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Label = exports.CustomTypography = exports.CustomBox = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _material = require("@mui/material");
var _excluded = ["theme"];
var CustomBox = exports.CustomBox = (0, _material.styled)(_material.Box, {
shouldForwardProp: function shouldForwardProp(prop) {
return prop !== 'showBorder' && prop !== 'backgroundColor' && prop !== 'showBoxShadow' && prop !== 'showDivider';
}
})(function (_ref) {
var theme = _ref.theme,
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
return "\n background-color: ".concat(props.backgroundColor ? theme.palette.background["default"] : theme.palette.background.paper, ";\n padding: ").concat(props.backgroundColor ? '0px' : '10px 15px', ";\n border-radius: ").concat(props.showDivider ? '0px' : '5px', ";\n border: ").concat(props.showBorder ? "1px solid ".concat(theme.palette.background.paper) : 'none', ";\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n box-shadow: ").concat(props.showBoxShadow ? '0px 4px 24px rgba(0, 0, 0, 0.05)' : 'none', ";\n");
});
var Label = exports.Label = (0, _material.styled)('label')(function (_ref2) {
var theme = _ref2.theme;
return {
fontSize: '14px',
lineHeight: '18px',
fontWeight: 'normal',
fontFamily: theme.typography.fontFamily,
color: theme.palette.text.secondary,
marginBottom: '10px'
};
});
var CustomTypography = exports.CustomTypography = (0, _material.styled)(_material.Typography)(function (_ref3) {
var theme = _ref3.theme;
return {
fontSize: '16px',
lineHeight: '24px',
fontWeight: 700,
color: theme.palette.text.primary
};
});