@orca-fe/antd-plus/lib/json-schema-editor/IconButton/IconButton.style.js

Transformer Container

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _jssPluginAutoPrefix = _interopRequireDefault(require("@orca-fe/jss-plugin-auto-prefix"));
var _simpleJss = require("@orca-fe/simple-jss");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var prefix = 'json-schema-editor-icon-button';
var _default = exports.default = (0, _simpleJss.createUseStyles)({
  root: {
    borderRadius: '8px',
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
    cursor: 'pointer',
    border: 'none',
    backgroundColor: 'transparent',
    // transition: 'backgroundColor 300ms',

    '&:hover': {
      // color: '#FFFFFF',
      backgroundColor: 'rgba(0, 0, 0, 0.05)'
      // border: '1px solid #1199ff',
    },

    '&$checked': {
      color: '#FFFFFF',
      border: '1px solid #1199ff',
      backgroundColor: '#1199ff'
    },
    '&:active': {
      transform: 'translateY(1px)'
    }
  },
  disabled: {
    cursor: 'default',
    opacity: '0.6',
    pointerEvents: 'none'
  },
  checked: {},
  dark: {
    // backgroundColor: '#333333',
    // border: '1px solid #444444',
    color: '#CCCCCC',
    '&$checked, &:hover': {
      backgroundColor: 'rgba(0, 0, 0, 0.2)'
      // color: '#FFFFFF',
      // backgroundColor: '#1199ff',
      // border: '1px solid #1199ff',
    }
  },

  small: {
    fontSize: '14px',
    width: '25px',
    height: '25px'
  },
  'x-small': {
    fontSize: '12px',
    width: '22px',
    height: '22px'
  },
  middle: {
    width: '32px',
    height: '32px',
    fontSize: '16px'
  },
  large: {
    width: '36px',
    height: '36px',
    padding: '0px 16px',
    fontSize: '22px'
  }
}, {
  classNamePrefix: prefix,
  plugins: [(0, _jssPluginAutoPrefix.default)({
    prefix: prefix
  })]
});