@up-group-ui/react-controls/dist/Components/Display/Label/styles.js

Up shared react controls

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getStyles = exports.sizeMap = void 0;
var tslib_1 = require("tslib");
var typestyle_1 = require("typestyle");
var classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
var utils_1 = require("../../../Common/theming/utils");
exports.sizeMap = {
    auto: '40px',
    small: '100px',
    medium: '150px',
    large: '250px',
    xlarge: '350px',
};
var inline = {
    $nest: {
        '& .up-label-text': {
            lineHeight: '30px',
        },
        '& >div,& .up-input,& .up-input-group,& .up-select': {
            display: 'inline-block',
            verticalAlign: 'top',
        },
        '& .up-input-group .up-input': {
            marginLeft: 0,
        },
    },
};
var base = function (props) { return ({
    display: 'block',
    margin: '0 0 8px',
    position: 'relative',
    $nest: {
        '& .up-label-text': {
            textAlign: props.textAlign,
            marginRight: props.inline ? '24px' : '8px',
            display: 'inline-block',
            color: props.color,
            fontSize: (0, utils_1.toRem)(12),
            width: '100%',
        },
        '& .up-input, & .up-select': {
            display: 'block',
            textTransform: 'none',
        },
        '& .up-select select': {
            width: '100%',
            verticalAlign: 'top',
            fontWeight: 400,
        },
        '& .pt-button-group.pt-vertical': {
            marginTop: '0px',
        },
    },
}); };
var getStyles = function (props) {
    return (0, classnames_1.default)((0, typestyle_1.style)(base(props)), props.inline ? (0, typestyle_1.style)(inline) : null);
};
exports.getStyles = getStyles;
//# sourceMappingURL=styles.js.map