@import '../../../styles';
@import '../../../components/controls/EditableDivShared';

.jse-enum-value {
  background: var(--jse-hover-background-color);
  border: none;
  padding: 0;

  font-family: inherit;
  font-size: inherit;

  cursor: pointer;
  outline: none;

  &.jse-selected {
    background: var(--jse-selection-background-color);
    color: inherit;
  }

  &.jse-value:focus {
    // override the color to black when editing
    color: var(--jse-text-color);
  }
}

:global(.jse-json-node.jse-selected) {
  .jse-enum-value {
    background: transparent;
  }
}