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.
39 lines • 1.33 kB
JavaScript
import { __assign } from "tslib";
import { styled } from '@mui/material/styles';
import React from 'react';
import { Tab, Tabs } from '@mui/material';
export var NormaTabs = styled(Tabs)(function (_a) {
var theme = _a.theme;
return ({
borderBottom: "1px solid ".concat(theme.palette.background.paper),
'& .Mui-selected': {
color: theme.palette.primary.main,
},
'& .MuiTabs-indicator': {
backgroundColor: theme.palette.primary.main,
},
'& .MuiButtonBase-root': {
textTransform: 'none',
},
});
});
export var NormaTab = styled(function (props) { return (React.createElement(Tab, __assign({ disableRipple: true }, props))); })(function (_a) {
var theme = _a.theme;
return ({
textTransform: 'none',
fontWeight: theme.typography.fontWeightRegular,
fontSize: theme.typography.pxToRem(15),
marginRight: theme.spacing(1),
color: theme.palette.text.secondary,
padding: '5px 15px',
top: '5px',
minWidth: '60px',
'&.Mui-selected': {
color: theme.palette.primary.main,
},
'&.Mui-focusVisible': {
backgroundColor: theme.palette.background.default,
},
});
});
//# sourceMappingURL=UncontrolledTabs.style.js.map