@hypernetlabs/web-ui/dist/components/GovernanceRadio/GovernanceRadio.style.js

Web ui react components for hypernet protocol

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
const core_1 = require("@material-ui/core");
const theme_1 = require("../../theme");
exports.useStyles = (0, core_1.makeStyles)({
    root: {
        "&&:hover": {
            backgroundColor: "transparent",
        },
    },
    icon: {
        borderRadius: "50%",
        width: 16,
        height: 16,
        boxShadow: "inset 0 0 0 1px rgba(16,22,26,.2), inset 0 -1px 0 rgba(16,22,26,.1)",
        backgroundColor: theme_1.colors.WHITE,
        backgroundImage: "linear-gradient(180deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,0))",
        "input:disabled ~ &": {
            boxShadow: "none",
            background: "rgba(206,217,224,.5)",
        },
    },
    checkedIcon: {
        backgroundColor: theme_1.colors.BLUE400,
        backgroundImage: "linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))",
        "&:before": {
            display: "block",
            margin: "4px auto",
            width: 8,
            height: 8,
            backgroundImage: "radial-gradient(#fff,#fff 28%,transparent 32%)",
            content: '""',
        },
    },
});
//# sourceMappingURL=GovernanceRadio.style.js.map