<commit_before>@import 'part:@sanity/base/theme/variables-style';

.root {
  display: block;
  position: relative;
  outline: none;
}

.disabled {
  composes: root;
}

.select {
  composes: root from 'part:@sanity/base/theme/forms/text-input-style';
  box-sizing: border-box;
  min-width: 7rem;
  appearance: none;
  position: relative;
  overflow: hidden;
}

.selectContainer {
  position: relative;
  color: var(--input-border-color);

  @nest &:hover {
    color: var(--input-border-color-focus);
  }

  @nest .hasFocus & {
    color: var(--input-border-color-focus);
  }
}

.selectContainerDisabled {
  composes: selectContainer;
  opacity: 0.5;
  color: var(--input-color);

  @nest &:hover {
    color: inherit;
  }<commit_msg>[components] Styling focus state on select (#682)<commit_after>@import 'part:@sanity/base/theme/variables-style';

.root {
  display: block;
  position: relative;
  outline: none;
}

.disabled {
  composes: root;
}

.select {
  composes: root from 'part:@sanity/base/theme/forms/text-input-style';
  box-sizing: border-box;
  min-width: 7rem;
  appearance: none;
  position: relative;
  overflow: hidden;

  @nest &:not(:disabled) {
    @nest &:hover {
      box-shadow: var(--input-box-shadow--hover);
      border-color: var(--input-border-color-hover);
    }

    @nest &:focus, &:focus-within {
      box-shadow: var(--input-box-shadow--focus);
      border-color: var(--input-border-color-focus);
    }

    @nest &:active {
      border-color: var(--input-border-color-active);
    }

    @nest &:invalid {
      border-color: var(--input-border-color-invalid);
      background-color: var(--input-bg-error);
      box-shadow: var(--input-box-shadow--error);
    }
  }
}

.selectContainer {
  position: relative;
  color: var(--input-border-color);

  @nest &:hover {
    color: var(--input-border-color-focus);
  }

  @nest .hasFocus & {
    color: var(--input-border-color-focus);
  }
}

.selectContainerDisabled {
  composes: selectContainer;
  opacity: 0.5;
  color: var(--input-color);

  @nest &:hover {
    color: inherit;
  }
{'fraction_non_alphanumeric': 0.17036679536679536, 'fraction_numerical': 0.004343629343629344, 'mean_word_length': 3.0409356725146197, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1462708', 'n_tokens_mistral': 770, 'n_tokens_neox': 742, 'n_words': 135}