@orca-fe/antd-plus/lib/json-schema-editor/JsonSchemaEditor.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';
var flexCenterStyle = {
  display: 'flex',
  alignItems: 'center'
};
var _default = exports.default = (0, _simpleJss.createUseStyles)({
  root: {
    position: 'relative'
  },
  dragHandle: {
    opacity: '0',
    transition: 'opacity 300ms'
  },
  item: {
    display: 'flex',
    alignItems: 'center',
    gap: '4px',
    padding: '4px',
    borderRadius: '4px',
    backgroundColor: 'transparent',
    '&:hover': {
      backgroundColor: 'rgba(125, 125, 125, 0.1)',
      '& $dragHandle': {
        opacity: '1'
      }
    }
  },
  itemLeft: {
    extend: flexCenterStyle,
    flex: '1'
  },
  itemRight: {
    extend: flexCenterStyle,
    flexShrink: '0',
    flexBasis: '70%'
  },
  itemSpace: {
    flexShrink: '0',
    width: '32px',
    height: '32px',
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center'
  },
  icon: {
    transition: 'transform 300ms',
    transform: 'rotate(0)'
  },
  open: {
    transform: 'rotate(90deg)'
  },
  checkbox: {
    textAlign: 'center'
  },
  itemType: {
    width: 100,
    flexShrink: '0'
  },
  button: {
    cursor: 'pointer'
  }
}, {
  classNamePrefix: prefix,
  plugins: [(0, _jssPluginAutoPrefix.default)({
    prefix: prefix
  })]
});