@selfcommunity/react-theme-default/lib/cjs/components/MuiButton.js

Default theme to use with SelfCommunity TS library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const Component = {
    variants: [
        {
            props: { variant: 'outlined' },
            style: {
                borderWidth: 2,
                '&:hover, &:active': {
                    borderWidth: 2
                }
            }
        },
        {
            props: { variant: 'contained' },
            style: {}
        },
        {
            props: { variant: 'text' },
            style: {
                borderWidth: 0
            }
        }
    ],
    styleOverrides: {
        root: ({ theme }) => ({
            textTransform: 'initial',
            fontWeight: theme.typography.fontWeightRegular,
            padding: '.4em .6em',
            lineHeight: 1.2,
            borderRadius: theme.shape.borderRadius
        }),
        sizeSmall: {
            fontSize: '0.875rem',
            padding: '6px 16px'
        },
        sizeMedium: {
            fontSize: '0.975',
            padding: '10px 24px'
        },
        sizeLarge: {
            fontSize: '1.286rem',
            padding: '10px 60px'
        }
    }
};
exports.default = Component;