@up-group-ui/react-controls
Version:
Up shared react controls
50 lines • 2.23 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.ChildrenStyle = exports.MessageStyle = exports.ValueStyle = exports.IconStyle = exports.BulleStyle = exports.AutoSizedComponent = void 0;
var tslib_1 = require("tslib");
var typestyle_1 = require("typestyle");
var device_1 = require("../../../Common/utils/device");
var animations_1 = require("../../../Common/theming/animations");
var utils_1 = require("../../../Common/theming/utils");
exports.AutoSizedComponent = {
padding: (0, utils_1.toRem)(6),
fontSize: (0, utils_1.toRem)(11),
width: 'auto',
};
var BulleStyle = function (props) {
return (0, typestyle_1.style)({
position: 'relative',
fontSize: (0, utils_1.toRem)(12),
cursor: 'pointer',
borderRadius: (0, utils_1.toRem)(4),
boxShadow: '0 4px 8px 0 rgba(0, 0, 0, 0.2)',
padding: (0, utils_1.toRem)(12) + " " + (0, utils_1.toRem)(16),
opacity: 1,
}, (0, typestyle_1.media)(device_1.DeviceSmartphones, exports.AutoSizedComponent), (0, typestyle_1.media)(device_1.DeviceSmallSmartphones, exports.AutoSizedComponent));
};
exports.BulleStyle = BulleStyle;
exports.IconStyle = (0, typestyle_1.style)({
color: '#ffff',
});
var IconifiedValue = {
position: 'absolute',
fontSize: (0, utils_1.toRem)(10),
top: (0, utils_1.toRem)(3),
left: (0, utils_1.toRem)(20),
};
var HiddenMessage = {
display: 'none',
opacity: 0,
};
exports.ValueStyle = (0, typestyle_1.style)({
marginLeft: (0, utils_1.toRem)(12),
color: '#ffff',
fontSize: (0, utils_1.toRem)(24),
fontWeight: 500,
}, (0, typestyle_1.media)(device_1.DeviceSmartphones, IconifiedValue), (0, typestyle_1.media)(device_1.DeviceSmallSmartphones, IconifiedValue));
exports.MessageStyle = (0, typestyle_1.style)((0, tslib_1.__assign)({ margin: "0 0 0 " + (0, utils_1.toRem)(12), color: '#ffff', opacity: 1 }, (0, animations_1.fadeInAnimation)(2)), (0, typestyle_1.media)(device_1.DeviceSmartphones, HiddenMessage), (0, typestyle_1.media)(device_1.DeviceSmallSmartphones, HiddenMessage));
exports.ChildrenStyle = (0, typestyle_1.style)({
margin: (0, utils_1.toRem)(5),
color: '#ffff',
});
//# sourceMappingURL=styles.js.map