@up-group-ui/react-controls
Version:
Up shared react controls
50 lines • 1.63 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.getStatusIndicatorStyles = exports.getContentStyles = exports.getTitleStyles = exports.getHeaderStyles = exports.getWrapperStyles = void 0;
var typestyle_1 = require("typestyle");
var getWrapperStyles = function (theme) {
return (0, typestyle_1.style)({
border: "1px solid " + theme.colorMap.darkSilver,
display: 'flex',
flexDirection: 'column',
opacity: 1,
padding: '17px 23px',
});
};
exports.getWrapperStyles = getWrapperStyles;
var getHeaderStyles = function (theme) {
return (0, typestyle_1.style)({
display: 'flex',
flexFlow: 'row nowrap',
alignItems: 'baseline',
userSelect: 'none',
fontWeight: 'bold',
});
};
exports.getHeaderStyles = getHeaderStyles;
var getTitleStyles = function (theme) {
return (0, typestyle_1.style)({
color: "" + theme.colorMap.grey1,
flex: 1,
fontSize: '18px',
margin: 0,
textTransform: 'uppercase',
});
};
exports.getTitleStyles = getTitleStyles;
var getContentStyles = function () {
return (0, typestyle_1.style)({
paddingTop: '20px',
});
};
exports.getContentStyles = getContentStyles;
var getStatusIndicatorStyles = function (theme, isOpened) {
return (0, typestyle_1.style)({
fontSize: '30px',
color: "" + theme.colorMap.primary,
transition: 'rotate .3s',
rotate: isOpened ? '90deg' : 'none',
});
};
exports.getStatusIndicatorStyles = getStatusIndicatorStyles;
//# sourceMappingURL=Collapsable.style.js.map