@orca-fe/pocket/lib/editable-div/EditableDiv.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 = 'editable-div';
var _default = exports.default = (0, _jss.createUseStyles)({
  root: {
    minWidth: '0.6em',
    padding: [0, 2],
    '& pre': {
      overflow: 'hidden',
      whiteSpace: 'break-spaces',
      wordWrap: 'normal',
      marginBottom: 0,
      marginTop: 0,
      '&:focus ': {
        outline: 'none',
        border: 'none'
      }
    }
  },
  editing: {
    border: '2px solid #1199ff',
    borderRadius: '4px',
    textOverflow: 'initial !important',
    cursor: 'initial',
    '&:not($transparent)': {
      backgroundColor: '#ffffff',
      color: '#333333'
    }
  },
  transparent: {},
  breakWord: {
    '& > pre': {
      wordWrap: 'break-word'
    }
  },
  compact: {
    borderRadius: '2px',
    lineHeight: '1.2em'
  }
}, {
  classNamePrefix: prefix,
  plugins: [(0, _jssPluginAutoPrefix.default)({
    prefix: prefix
  })]
});