@up-group-ui/react-controls
Version:
Up shared react controls
69 lines • 2.15 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.getCustomStyle = exports.buttonStyle = exports.contentStyle = exports.contentWrapperStyle = exports.boxWrapperStyle = exports.titleStyle = void 0;
var utils_1 = require("../../../Common/theming/utils");
exports.titleStyle = {
color: '#6A6A6A',
fontFamily: 'Roboto, sans-serif, Verdana',
fontSize: (0, utils_1.toRem)(18),
fontWeight: 500,
lineHeight: 1.16,
verticalAlign: 'middle',
};
exports.boxWrapperStyle = {
$nest: {
'&.up-information': {
width: '100%',
height: 'auto',
paddingLeft: 0,
backgroundColor: 'white',
border: '1px solid #D7D7D7',
borderRadius: (0, utils_1.toRem)(6),
paddingRight: (0, utils_1.toRem)(19),
},
'& .up-icon-wrapper': {
verticalAlign: 'middle',
position: 'relative',
left: (0, utils_1.toRem)(-22),
},
},
};
exports.contentWrapperStyle = {
$nest: {
'&.up-information-content-wrapper': {
width: '100%',
padding: "0 " + (0, utils_1.toRem)(10) + " " + (0, utils_1.toRem)(10) + " " + (0, utils_1.toRem)(54),
},
},
};
exports.contentStyle = {
color: '#9B9B9B',
fontFamily: 'Roboto, sans-serif',
fontSize: (0, utils_1.toRem)(14),
fontWeight: 500,
lineHeight: 1.14,
marginTop: (0, utils_1.toRem)(12),
};
exports.buttonStyle = {
$nest: {
'&.up-information-button-wrapper': {
marginTop: (0, utils_1.toRem)(12),
padding: "0 " + (0, utils_1.toRem)(10) + " 0 0",
},
'& button': {
width: (0, utils_1.toRem)(210),
fontFamily: 'Roboto, sans-serif',
fontSize: (0, utils_1.toRem)(14),
fontWeight: 'bold',
lineHeight: 1.14,
},
},
};
var getCustomStyle = function (key, props) {
if (props.customStyles && props.customStyles[key]) {
return props.customStyles[key](props);
}
return {};
};
exports.getCustomStyle = getCustomStyle;
//# sourceMappingURL=styles.js.map