@up-group-ui/react-controls
Version:
Up shared react controls
60 lines • 1.9 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.tabItem = exports.tabHeader = exports.tabContent = exports.headTabBorder = exports.headTabArrow = void 0;
var typestyle_1 = require("typestyle");
var utils_1 = require("../../../Common/theming/utils");
exports.headTabArrow = (0, typestyle_1.style)({
color: 'transparent',
position: 'absolute',
bottom: (0, utils_1.toRem)(-11),
left: '0',
right: '0',
margin: 'auto',
borderWidth: (0, utils_1.toRem)(11) + " " + (0, utils_1.toRem)(12) + " " + (0, utils_1.toRem)(0) + " " + (0, utils_1.toRem)(12),
borderColor: '#F59100 transparent',
borderStyle: 'solid',
width: 0,
opacity: 1,
});
exports.headTabBorder = (0, typestyle_1.style)({
background: '#F59100',
display: 'block',
width: '100%',
height: '5px',
position: 'absolute',
left: 0,
bottom: 0,
opacity: 1,
});
exports.tabContent = {
marginTop: (0, utils_1.toRem)(34),
};
exports.tabHeader = {
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
};
var tabItem = function (props) { return ({
fontSize: props.tabKey === props.selectedTabKey ? (0, utils_1.toRem)(20) : (0, utils_1.toRem)(18),
marginLeft: (0, utils_1.toRem)(20),
position: 'relative',
cursor: 'pointer',
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
marginRight: 2,
padding: (0, utils_1.toRem)(10) + " " + (0, utils_1.toRem)(12),
borderRadius: '4px 4px 0 0',
backgroundColor: '#fff',
width: '100%',
height: (0, utils_1.toRem)(45),
fontWeight: props.tabKey === props.selectedTabKey ? 700 : 500,
color: props.tabKey === props.selectedTabKey ? '#F59100' : '#4E5B59',
$nest: {
'&:first-child': {
marginLeft: 0,
},
},
}); };
exports.tabItem = tabItem;
//# sourceMappingURL=styles.js.map