@up-group-ui/react-controls
Version:
Up shared react controls
39 lines • 1.27 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.getStyles = void 0;
var tslib_1 = require("tslib");
var styles_1 = require("../Paragraph/styles");
var utils_1 = (0, tslib_1.__importDefault)(require("../../../Common/utils"));
var typestyle_1 = require("typestyle");
var sizeMap = {
h1: 32,
h2: 26.7,
h3: 21.3,
h4: 18.7,
h5: 18,
h6: 16,
};
var calculateSize = function (tag) { return (0, utils_1.default)(sizeMap[tag]); };
var truncateCss = function (truncate) {
if (truncate) {
return {
whiteSpace: 'nowrap',
overflow: 'hidden',
textOverflow: 'ellipsis',
};
}
return {};
};
var textTransformCss = function (upcase) {
if (upcase) {
return {
textTransform: 'uppercase',
};
}
return {};
};
var getStyles = function (props) {
return (0, typestyle_1.style)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({ fontSize: calculateSize(props.tag), textAlign: props.textAlign, color: props.color, letterSpacing: 'normal' }, truncateCss(props.truncate)), textTransformCss(props.upcase)), (0, styles_1.marginCss)(props.margin)));
};
exports.getStyles = getStyles;
//# sourceMappingURL=styles.js.map