@orca-fe/pocket/lib/resizable-wrapper/ResizableWrapper.style.js

UI components by orca-team

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _jssPluginAutoPrefix = _interopRequireDefault(require("@orca-fe/jss-plugin-auto-prefix"));
var _jss = require("../utils/jss");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var prefix = 'resizable-wrapper';
var handleStyle = {
  position: 'absolute',
  opacity: '0',
  backgroundColor: '#1199ff',
  transition: 'opacity 500ms',
  '&:hover, &$dragging': {
    transitionDelay: '500ms',
    opacity: '1'
  },
  '&:active': {
    transition: 'opacity 100ms',
    transitionDelay: '0ms'
  }
};
var _default = exports.default = (0, _jss.createUseStyles)({
  root: {
    position: 'relative',
    flexShrink: 1000
  },
  dragHandle: {
    zIndex: 1
  },
  dragging: {},
  handleVertical: {
    extend: handleStyle,
    bottom: '0',
    left: '0',
    width: '100%',
    height: '4px',
    cursor: 'ns-resize'
  },
  handleVerticalTop: {
    top: '0',
    bottom: 'auto'
  },
  handleHorizontal: {
    extend: handleStyle,
    right: '0',
    top: '0',
    height: '100%',
    width: '4px',
    cursor: 'ew-resize'
  },
  handleHorizontalLeft: {
    left: '0',
    right: 'auto'
  }
}, {
  classNamePrefix: prefix,
  plugins: [(0, _jssPluginAutoPrefix.default)({
    prefix: prefix
  })]
});