norma-library
Version:
Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.
49 lines • 1.52 kB
JavaScript
import { __assign } from "tslib";
import React from 'react';
import { styled } from '@mui/material/styles';
import { Tab, Tabs } from '@mui/material';
import { palette } from '../../helpers';
var colorMap = {
inherit: palette.inherit,
primary: palette.primary,
secondary: palette.secondary,
error: palette.error,
warning: palette.warning,
info: palette.info,
success: palette.success,
};
export var NormaTabs = styled(Tabs)(function (_a) {
var color = _a.color;
return ({
borderBottom: '1px solid #e8e8e8',
'& .Mui-selected': {
color: colorMap[color],
},
'& .MuiTabs-indicator': {
backgroundColor: colorMap[color],
},
'& .MuiButtonBase-root': {
textTransform: 'none',
},
});
});
export var NormaTab = styled(function (props) { return (React.createElement(Tab, __assign({ disableRipple: true }, props))); })(function (_a) {
var theme = _a.theme, color = _a.color;
return ({
textTransform: 'none',
fontWeight: theme.typography.fontWeightRegular,
fontSize: theme.typography.pxToRem(15),
marginRight: theme.spacing(1),
color: '#666666',
padding: '5px 15px',
top: '5px',
minWidth: '60px',
'&.Mui-selected': {
color: colorMap[color],
},
'&.Mui-focusVisible': {
backgroundColor: 'rgba(100, 95, 228, 0.32)',
},
});
});
//# sourceMappingURL=UncontrolledTabs.style.js.map