tweak-tools/dist/components/Button/StyledButton.js

Tweak your React projects until awesomeness

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledButton = void 0;
const styles_1 = require("../../styles");
exports.StyledButton = (0, styles_1.styled)('button', {
    display: 'block',
    $reset: '',
    fontWeight: '$button',
    height: '$rowHeight',
    borderStyle: 'none',
    borderRadius: '$sm',
    backgroundColor: '$elevation1',
    color: '$highlight1',
    '&:not(:disabled)': {
        color: '$highlight3',
        backgroundColor: '$accent2',
        cursor: 'pointer',
        $hover: '$accent3',
        $active: '$accent3 $accent1',
        $focus: '',
    },
});