@orca-fe/pocket/lib/json-viewer/JsonViewer.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 = 'orca-json-viewer';
var _default = exports.default = (0, _jss.createUseStyles)({
  root: {
    fontFamily: 'Consolas, "Courier New", monospace'
  },
  item: {
    display: 'flex',
    alignItems: 'center',
    cursor: 'default',
    '& *': {
      whiteSpace: 'nowrap'
    },
    '&:hover': {
      '& $operator': {
        display: 'block'
      }
    }
  },
  indent: {
    height: '1em'
  },
  arrow: {
    marginTop: '0.2em',
    '& > *': {
      transform: 'rotate(0deg)',
      transition: 'transform 300ms'
    }
  },
  arrowOpen: {
    '& > *': {
      transform: 'rotate(90deg)'
    }
  },
  key: {
    marginRight: '0.5em',
    color: '#792675',
    fontWeight: 'bold',
    '&:after': {
      content: '\':\''
    }
  },
  keyOnly: {},
  '&$keyOnly:after': {
    display: 'none'
  },
  typeNumber: {
    color: '#1a1aa6'
  },
  typeBoolean: {
    color: '#1a1aa6'
  },
  typeString: {
    color: '#9e3379'
  },
  typeNull: {
    color: '#717171'
  },
  typeUndefined: {
    color: '#717171'
  },
  typeObject: {},
  operator: {
    display: 'none',
    color: '#1199ff',
    marginLeft: '8px',
    '& > *': {
      cursor: 'pointer'
    }
  }
}, {
  classNamePrefix: prefix,
  plugins: [(0, _jssPluginAutoPrefix.default)({
    prefix: prefix
  })]
});