@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
83 lines (82 loc) • 2.54 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.ListItem = exports.Div = exports.CustomHeader = exports.ContainerIcon = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _material = require("@mui/material");
var _excluded = ["theme"];
var ListItem = exports.ListItem = (0, _material.styled)('div', {
shouldForwardProp: function shouldForwardProp(prop) {
return prop !== 'active';
}
})(function (_ref) {
var active = _ref.active,
theme = _ref.theme;
return Object.assign({
cursor: 'pointer',
backgroundColor: active ? theme.palette.background.paper : undefined,
borderRadius: '5px',
color: theme.palette.text.secondary
}, active && {
color: theme.palette.primary.main
}, {
'&:hover': {
backgroundColor: theme.palette.background.paper,
borderRadius: '5px',
color: theme.palette.primary.main
},
padding: '0.8rem'
});
});
var ContainerIcon = exports.ContainerIcon = (0, _material.styled)('div')({
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
color: 'inherit'
});
var Div = exports.Div = (0, _material.styled)('div')(function (_ref2) {
var theme = _ref2.theme,
props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
return {
display: 'flex',
flexDirection: 'column',
justifyContent: props.state ? 'flex-start' : 'center',
alignItems: props.state ? 'flex-start' : 'center',
width: '100%',
height: '100%',
'& a div div div svg': {
color: theme.palette.text.secondary
},
'& a div div svg': {
color: theme.palette.text.secondary
},
'& figure': {
display: 'flex',
justifyContent: props.state ? 'flex-start' : 'center',
marginRight: props.state && '0px',
marginLeft: props.state && '0px'
},
'& .active': {
backgroundColor: theme.palette.background.paper,
borderRadius: '5px',
'div svg': {
color: theme.palette.primary.main
}
}
};
});
var CustomHeader = exports.CustomHeader = (0, _material.styled)(_material.Box)(function (_ref3) {
var theme = _ref3.theme;
return {
background: theme.palette.background["default"],
width: '80px',
zIndex: 999,
flexDirection: 'column',
justifyContent: 'space-between',
height: '100%',
alignItems: 'center',
padding: '0px'
};
});