@orca-fe/transformer/lib/TransformerLine/TransformerLine.style.js

Transformer Container

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.prefix = exports.default = void 0;
var _simpleJss = require("@orca-fe/simple-jss");
var _jssPluginAutoPrefix = _interopRequireDefault(require("@orca-fe/jss-plugin-auto-prefix"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var prefix = exports.prefix = 'orca-transformer-line';
var _default = exports.default = (0, _simpleJss.createUseStyles)({
  root: {
    position: 'absolute',
    width: 0,
    height: 0,
    userSelect: 'none',
    overflow: 'visible',
    '--transformer-box-scale': 'var(--transformer-layout-scale, 1)',
    '&:hover': {
      border: '1px solid #66ccff'
    },
    '&$statusChecked': {
      '&, &:hover': {
        border: '1px solid #1199ff'
      }
    }
  },
  statusDisabled: {
    pointerEvents: 'none'
  },
  statusChecked: {
    '&, &:hover': {
      zIndex: 1
    },
    '& $pointHandle, & $moveHandle, & $content': {
      visibility: 'visible'
    }
  },
  moveHandle: {
    position: 'absolute',
    height: 8,
    visibility: 'hidden',
    cursor: 'move'
  },
  pointHandle: {
    width: 8,
    height: 8,
    border: '1px solid #0081ff',
    backgroundColor: 'white',
    transform: 'translate(-50%, -50%)',
    position: 'absolute',
    visibility: 'hidden',
    cursor: 'move'
  },
  content: {
    position: 'absolute',
    visibility: 'hidden',
    pointerEvents: 'none',
    '& > *': {
      pointerEvents: 'initial'
    }
  }
}, {
  classNamePrefix: prefix,
  plugins: [(0, _jssPluginAutoPrefix.default)({
    prefix: prefix
  })]
});