@ucam/design-system/Button/Button.js

University of Cambridge Design System

'use strict';

var tslib = require('tslib');
var React = require('react');
var core = require('@material-ui/core');
var styles = require('@material-ui/core/styles');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

const StyledButton = core.experimentalStyled(core.Button)(({ theme }) => ({
    textTransform: 'none',
    padding: '8px 16px',
    fontSize: '16px',
    fontWeight: 600,
    boxShadow: 'none',
    '&.MuiButton-containedPrimary': {
        color: 'white',
        '&.Mui-focusVisible': {
            boxShadow: `0 0 0 0.2rem ${styles.alpha(theme.palette.primary.main, 0.2)}`
        }
    },
    '&.MuiButton-containedSecondary': {
        '&.Mui-focusVisible': {
            boxShadow: `0 0 0 0.2rem ${styles.alpha(theme.palette.secondary.main, 0.2)}`
        }
    },
    '&.MuiButton-outlined': {
        borderWidth: '2px'
    },
    '&.MuiButton-outlinedPrimary': {
        borderColor: theme.palette.primary.main,
        '&.Mui-focusVisible': {
            boxShadow: `0 0 0 0.2rem ${styles.alpha(theme.palette.primary.main, 0.2)}`
        }
    },
    '&.MuiButton-outlinedSecondary': {
        borderColor: theme.palette.secondary.main,
        '&.Mui-focusVisible': {
            boxShadow: `0 0 0 0.2rem ${styles.alpha(theme.palette.secondary.main, 0.2)}`
        }
    },
    '&.MuiButton-textPrimary': {
        '&.Mui-focusVisible': {
            boxShadow: `0 0 0 0.2rem ${styles.alpha(theme.palette.primary.main, 0.2)}`
        }
    },
    '&.MuiButton-textSecondary': {
        '&.Mui-focusVisible': {
            boxShadow: `0 0 0 0.2rem ${styles.alpha(theme.palette.secondary.main, 0.2)}`
        }
    },
    '&.Mui-disabled': {
        borderColor: theme.palette.grey[400]
    },
    '&:hover': {
        boxShadow: 'none'
    }
}));
const Button = React.forwardRef(function Button(_a, ref) {
    var { variant = 'contained' } = _a, props = tslib.__rest(_a, ["variant"]);
    return (React__default['default'].createElement(StyledButton, Object.assign({}, props, { variant: variant, disableRipple: true, disableFocusRipple: true, disableTouchRipple: true, ref: ref })));
});
Button.propTypes = Object.assign({}, Button.propTypes);

module.exports = Button;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlcyI6WyIvQHVjYW0vZGVzaWduLXN5c3RlbS9zcmMvQnV0dG9uL0J1dHRvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZDLCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQnV0dG9uIGFzIE11aUJ1dHRvbiwgQnV0dG9uUHJvcHMgfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZSc7XG5pbXBvcnQgeyBleHBlcmltZW50YWxTdHlsZWQgYXMgc3R5bGVkIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUnO1xuaW1wb3J0IHsgYWxwaGEgfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9zdHlsZXMnO1xuXG5kZWNsYXJlIG1vZHVsZSAnQG1hdGVyaWFsLXVpL2NvcmUvQnV0dG9uJyB7XG4gIGludGVyZmFjZSBCdXR0b25Qcm9wc1ZhcmlhbnRPdmVycmlkZXMge1xuICAgIHRleHQ6IHRydWU7XG4gIH1cbn1cblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKE11aUJ1dHRvbikoKHsgdGhlbWUgfSkgPT4gKHtcbiAgdGV4dFRyYW5zZm9ybTogJ25vbmUnLFxuICBwYWRkaW5nOiAnOHB4IDE2cHgnLFxuICBmb250U2l6ZTogJzE2cHgnLFxuICBmb250V2VpZ2h0OiA2MDAsXG4gIGJveFNoYWRvdzogJ25vbmUnLFxuICAnJi5NdWlCdXR0b24tY29udGFpbmVkUHJpbWFyeSc6IHtcbiAgICBjb2xvcjogJ3doaXRlJyxcbiAgICAnJi5NdWktZm9jdXNWaXNpYmxlJzoge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMC4ycmVtICR7YWxwaGEodGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW4sIDAuMil9YFxuICAgIH1cbiAgfSxcblxuICAnJi5NdWlCdXR0b24tY29udGFpbmVkU2Vjb25kYXJ5Jzoge1xuICAgICcmLk11aS1mb2N1c1Zpc2libGUnOiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAwLjJyZW0gJHthbHBoYSh0aGVtZS5wYWxldHRlLnNlY29uZGFyeS5tYWluLCAwLjIpfWBcbiAgICB9XG4gIH0sXG5cbiAgJyYuTXVpQnV0dG9uLW91dGxpbmVkJzoge1xuICAgIGJvcmRlcldpZHRoOiAnMnB4J1xuICB9LFxuXG4gICcmLk11aUJ1dHRvbi1vdXRsaW5lZFByaW1hcnknOiB7XG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWluLFxuICAgICcmLk11aS1mb2N1c1Zpc2libGUnOiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAwLjJyZW0gJHthbHBoYSh0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbiwgMC4yKX1gXG4gICAgfVxuICB9LFxuXG4gICcmLk11aUJ1dHRvbi1vdXRsaW5lZFNlY29uZGFyeSc6IHtcbiAgICBib3JkZXJDb2xvcjogdGhlbWUucGFsZXR0ZS5zZWNvbmRhcnkubWFpbixcbiAgICAnJi5NdWktZm9jdXNWaXNpYmxlJzoge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMC4ycmVtICR7YWxwaGEodGhlbWUucGFsZXR0ZS5zZWNvbmRhcnkubWFpbiwgMC4yKX1gXG4gICAgfVxuICB9LFxuXG4gICcmLk11aUJ1dHRvbi10ZXh0UHJpbWFyeSc6IHtcbiAgICAnJi5NdWktZm9jdXNWaXNpYmxlJzoge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMC4ycmVtICR7YWxwaGEodGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW4sIDAuMil9YFxuICAgIH1cbiAgfSxcblxuICAnJi5NdWlCdXR0b24tdGV4dFNlY29uZGFyeSc6IHtcbiAgICAnJi5NdWktZm9jdXNWaXNpYmxlJzoge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMC4ycmVtICR7YWxwaGEodGhlbWUucGFsZXR0ZS5zZWNvbmRhcnkubWFpbiwgMC4yKX1gXG4gICAgfVxuICB9LFxuXG4gICcmLk11aS1kaXNhYmxlZCc6IHtcbiAgICBib3JkZXJDb2xvcjogdGhlbWUucGFsZXR0ZS5ncmV5WzQwMF1cbiAgfSxcblxuICAnJjpob3Zlcic6IHtcbiAgICBib3hTaGFkb3c6ICdub25lJ1xuICB9XG59KSk7XG5cbmNvbnN0IEJ1dHRvbiA9IGZvcndhcmRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQsIEJ1dHRvblByb3BzPihmdW5jdGlvbiBCdXR0b24oXG4gIHsgdmFyaWFudCA9ICdjb250YWluZWQnLCAuLi5wcm9wcyB9LFxuICByZWZcbikge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b25cbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICBkaXNhYmxlUmlwcGxlXG4gICAgICBkaXNhYmxlRm9jdXNSaXBwbGVcbiAgICAgIGRpc2FibGVUb3VjaFJpcHBsZVxuICAgICAgcmVmPXtyZWZ9XG4gICAgLz5cbiAgKTtcbn0pO1xuXG5CdXR0b24ucHJvcFR5cGVzID0ge1xuICAuLi4oQnV0dG9uIGFzIEZDPEJ1dHRvblByb3BzPikucHJvcFR5cGVzXG59O1xuXG5leHBvcnQgZGVmYXVsdCBCdXR0b247XG4iXSwibmFtZXMiOlsic3R5bGVkIiwiTXVpQnV0dG9uIiwiYWxwaGEiLCJmb3J3YXJkUmVmIiwiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBV0EsTUFBTSxZQUFZLEdBQUdBLHVCQUFNLENBQUNDLFdBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxLQUFLLEVBQUUsTUFBTTtJQUNyRCxhQUFhLEVBQUUsTUFBTTtJQUNyQixPQUFPLEVBQUUsVUFBVTtJQUNuQixRQUFRLEVBQUUsTUFBTTtJQUNoQixVQUFVLEVBQUUsR0FBRztJQUNmLFNBQVMsRUFBRSxNQUFNO0lBQ2pCLDhCQUE4QixFQUFFO1FBQzlCLEtBQUssRUFBRSxPQUFPO1FBQ2Qsb0JBQW9CLEVBQUU7WUFDcEIsU0FBUyxFQUFFLGdCQUFnQkMsWUFBSyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxHQUFHLENBQUMsRUFBRTtTQUNwRTtLQUNGO0lBRUQsZ0NBQWdDLEVBQUU7UUFDaEMsb0JBQW9CLEVBQUU7WUFDcEIsU0FBUyxFQUFFLGdCQUFnQkEsWUFBSyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxHQUFHLENBQUMsRUFBRTtTQUN0RTtLQUNGO0lBRUQsc0JBQXNCLEVBQUU7UUFDdEIsV0FBVyxFQUFFLEtBQUs7S0FDbkI7SUFFRCw2QkFBNkIsRUFBRTtRQUM3QixXQUFXLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBSTtRQUN2QyxvQkFBb0IsRUFBRTtZQUNwQixTQUFTLEVBQUUsZ0JBQWdCQSxZQUFLLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLEdBQUcsQ0FBQyxFQUFFO1NBQ3BFO0tBQ0Y7SUFFRCwrQkFBK0IsRUFBRTtRQUMvQixXQUFXLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsSUFBSTtRQUN6QyxvQkFBb0IsRUFBRTtZQUNwQixTQUFTLEVBQUUsZ0JBQWdCQSxZQUFLLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLEdBQUcsQ0FBQyxFQUFFO1NBQ3RFO0tBQ0Y7SUFFRCx5QkFBeUIsRUFBRTtRQUN6QixvQkFBb0IsRUFBRTtZQUNwQixTQUFTLEVBQUUsZ0JBQWdCQSxZQUFLLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLEdBQUcsQ0FBQyxFQUFFO1NBQ3BFO0tBQ0Y7SUFFRCwyQkFBMkIsRUFBRTtRQUMzQixvQkFBb0IsRUFBRTtZQUNwQixTQUFTLEVBQUUsZ0JBQWdCQSxZQUFLLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLEdBQUcsQ0FBQyxFQUFFO1NBQ3RFO0tBQ0Y7SUFFRCxnQkFBZ0IsRUFBRTtRQUNoQixXQUFXLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO0tBQ3JDO0lBRUQsU0FBUyxFQUFFO1FBQ1QsU0FBUyxFQUFFLE1BQU07S0FDbEI7Q0FDRixDQUFDLENBQUMsQ0FBQztNQUVFLE1BQU0sR0FBR0MsZ0JBQVUsQ0FBaUMsU0FBUyxNQUFNLENBQ3ZFLEVBQW1DLEVBQ25DLEdBQUc7UUFESCxFQUFFLE9BQU8sR0FBRyxXQUFXLE9BQVksRUFBUCxLQUFLLG9CQUFqQyxXQUFtQyxDQUFGO0lBR2pDLFFBQ0VDLHdDQUFDLFlBQVksb0JBQ1AsS0FBSyxJQUNULE9BQU8sRUFBRSxPQUFPLEVBQ2hCLGFBQWEsUUFDYixrQkFBa0IsUUFDbEIsa0JBQWtCLFFBQ2xCLEdBQUcsRUFBRSxHQUFHLElBQ1IsRUFDRjtBQUNKLENBQUMsRUFBRTtBQUVILE1BQU0sQ0FBQyxTQUFTLHFCQUNWLE1BQTBCLENBQUMsU0FBUyxDQUN6Qzs7OzsifQ==