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

:root {
  --timeline-event-enabled-bg: #fff;
  --timeline-event-enabled-fg: #66758d;
  --timeline-event-enabled-border: #cad1dc;
  --timeline-event-enabled-hover-bg: #f1f3f6;
  --timeline-event-enabled-hover-fg: #66758d;
  --timeline-event-enabled-icon-created-bg: #2276fc;
  --timeline-event-enabled-icon-created-fg: #fff;
  --timeline-event-enabled-icon-deleted-bg: #f03e2f;
  --timeline-event-enabled-icon-deleted-fg: #fff;
  --timeline-event-enabled-icon-discarded-draft-bg: #f03e2f;
  --timeline-event-enabled-icon-discarded-draft-fg: #fff;
  --timeline-event-enabled-icon-edited-bg: #fdefb6;
  --timeline-event-enabled-icon-edited-fg: #978023;
  --timeline-event-enabled-icon-published-bg: #3ab667;
  --timeline-event-enabled-icon-published-fg: #fff;
  --timeline-event-enabled-icon-unpublished-bg: #f03e2f;
  --timeline-event-enabled-icon-unpublished-fg: #fff;
  --timeline-event-enabled-icon-created-bg: #2276fc;
  --timeline-event-enabled-icon-created-fg: #fff;

  --timeline-event-within-selection-bg: #e8f1fe;
  --timeline-event-within-selection-fg: #2276fc;
  --timeline-event-within-selection-border: #2276fc;
  --timeline-event-within-selection-icon-bg: #2276fc;
  --timeline-event-within-selection-icon-fg: #fff;

  --timeline-event-selected-bg: #2276fc;
  --timeline-event-selected-fg: #fff;
  --timeline-event-selected-border: #fff;
  --timeline-event-selected-icon-bg: #fff;
  --timeline-event-selected-icon-fg: #2276fc;

  --timeline-event-disabled-bg: #fff;
  --timeline-event-disabled-fg: #cad1dc;
  --timeline-event-disabled-icon-bg: #e4e8ed;
  --timeline-event-disabled-icon-fg: #fff;
}

.root {
  position: relative;
  -webkit-font-smoothing: inherit;
  appearance: none;
  font: inherit;
  border-radius: var(--border-radius-medium);
  padding: 0;
  margin: 0;
  width: 100%;
  display: block;
  box-sizing: border-box;
  background-color: var(--timeline-event-enabled-bg);
  color: var(--timeline-event-enabled-fg);
  border: 0;
  text-align: left;
  min-width: 244px;
  outline: none;

  @nest &::before, &::after {
    content: '';
    position: absolute;
    left: 24px;
    border-left: 1px solid var(--timeline-event-enabled-border);
  }

  @nest &::before {
    top: 0;
    bottom: 50%;
    z-index: 1;
  }

  @nest &::after {
    top: 50%;
    bottom: 0;
    z-index: 2;
  }

  @nest &:first-child::before {
    display: none;
  }

  @nest &:last-child::after {
    display: none;
  }

  /* States */

  @nest &[data-state='enabled'] {
    @nest &:hover {
      background-color: var(--timeline-event-enabled-hover-bg);
      color: var(--timeline-event-enabled-hover-fg);
    }
  }

  @nest &[data-state='disabled'] {
    background-color: var(--timeline-event-disabled-bg);
    color: var(--timeline-event-disabled-fg);
  }

  @nest &[data-state='withinSelection'] {
    background-color: var(--timeline-event-within-selection-bg);
    color: var(--timeline-event-within-selection-fg);
    border-radius: 0;

    @nest &::before, &::after {
      border-color: var(--timeline-event-within-selection-border);
    }
  }

  @nest &[data-state='selected'] {
    background-color: var(--timeline-event-selected-bg);
    color: var(--timeline-event-selected-fg);
    border-radius: 0;

    @nest &::before, &::after {
      border-color: var(--timeline-event-selected-border);
    }
  }

  @nest &[data-selection-top='true'] {
    border-top-left-radius: var(--border-radius-medium);
    border-top-right-radius: var(--border-radius-medium);

    @nest &::before {
      display: none;
    }
  }

  @nest &[data-selection-bottom='true'] {
    border-bottom-left-radius: var(--border-radius-medium);
    border-bottom-right-radius: var(--border-radius-medium);

    @nest &::after {
      display: none;
    }
  }
}

.wrapper {
  position: relative;
  padding: var(--small-padding);
  display: flex;
  align-items: center;
  z-index: 3;
}

.iconContainer {
  width: 33px;
  height: 33px;
  border-radius: calc(33px / 2);
  padding: var(--extra-small-padding);
  box-sizing: border-box;
  box-shadow: 0 0 0 2px var(--timeline-event-enabled-bg);

  @nest & > svg {
    display: block;
    font-size: calc(25 / 16 * 1em);
  }

  @nest .root[data-type='create'] & {
    background-color: var(--timeline-event-enabled-icon-created-bg);<commit_msg>[desk-tool] Fix position of icons in timeline dropdown<commit_after>@import 'part:@sanity/base/theme/variables-style';

:root {
  --timeline-event-enabled-bg: #fff;
  --timeline-event-enabled-fg: #66758d;
  --timeline-event-enabled-border: #cad1dc;
  --timeline-event-enabled-hover-bg: #f1f3f6;
  --timeline-event-enabled-hover-fg: #66758d;
  --timeline-event-enabled-icon-created-bg: #2276fc;
  --timeline-event-enabled-icon-created-fg: #fff;
  --timeline-event-enabled-icon-deleted-bg: #f03e2f;
  --timeline-event-enabled-icon-deleted-fg: #fff;
  --timeline-event-enabled-icon-discarded-draft-bg: #f03e2f;
  --timeline-event-enabled-icon-discarded-draft-fg: #fff;
  --timeline-event-enabled-icon-edited-bg: #fdefb6;
  --timeline-event-enabled-icon-edited-fg: #978023;
  --timeline-event-enabled-icon-published-bg: #3ab667;
  --timeline-event-enabled-icon-published-fg: #fff;
  --timeline-event-enabled-icon-unpublished-bg: #f03e2f;
  --timeline-event-enabled-icon-unpublished-fg: #fff;
  --timeline-event-enabled-icon-created-bg: #2276fc;
  --timeline-event-enabled-icon-created-fg: #fff;

  --timeline-event-within-selection-bg: #e8f1fe;
  --timeline-event-within-selection-fg: #2276fc;
  --timeline-event-within-selection-border: #2276fc;
  --timeline-event-within-selection-icon-bg: #2276fc;
  --timeline-event-within-selection-icon-fg: #fff;

  --timeline-event-selected-bg: #2276fc;
  --timeline-event-selected-fg: #fff;
  --timeline-event-selected-border: #fff;
  --timeline-event-selected-icon-bg: #fff;
  --timeline-event-selected-icon-fg: #2276fc;

  --timeline-event-disabled-bg: #fff;
  --timeline-event-disabled-fg: #cad1dc;
  --timeline-event-disabled-icon-bg: #e4e8ed;
  --timeline-event-disabled-icon-fg: #fff;
}

.root {
  position: relative;
  -webkit-font-smoothing: inherit;
  appearance: none;
  font: inherit;
  border-radius: var(--border-radius-medium);
  padding: 0;
  margin: 0;
  width: 100%;
  display: block;
  box-sizing: border-box;
  background-color: var(--timeline-event-enabled-bg);
  color: var(--timeline-event-enabled-fg);
  border: 0;
  text-align: left;
  min-width: 244px;
  outline: none;

  @nest &::before, &::after {
    content: '';
    position: absolute;
    left: 24px;
    border-left: 1px solid var(--timeline-event-enabled-border);
  }

  @nest &::before {
    top: 0;
    bottom: 50%;
    z-index: 1;
  }

  @nest &::after {
    top: 50%;
    bottom: 0;
    z-index: 2;
  }

  @nest &:first-child::before {
    display: none;
  }

  @nest &:last-child::after {
    display: none;
  }

  /* States */

  @nest &[data-state='enabled'] {
    @nest &:hover {
      background-color: var(--timeline-event-enabled-hover-bg);
      color: var(--timeline-event-enabled-hover-fg);
    }
  }

  @nest &[data-state='disabled'] {
    background-color: var(--timeline-event-disabled-bg);
    color: var(--timeline-event-disabled-fg);
  }

  @nest &[data-state='withinSelection'] {
    background-color: var(--timeline-event-within-selection-bg);
    color: var(--timeline-event-within-selection-fg);
    border-radius: 0;

    @nest &::before, &::after {
      border-color: var(--timeline-event-within-selection-border);
    }
  }

  @nest &[data-state='selected'] {
    background-color: var(--timeline-event-selected-bg);
    color: var(--timeline-event-selected-fg);
    border-radius: 0;

    @nest &::before, &::after {
      border-color: var(--timeline-event-selected-border);
    }
  }

  @nest &[data-selection-top='true'] {
    border-top-left-radius: var(--border-radius-medium);
    border-top-right-radius: var(--border-radius-medium);

    @nest &::before {
      display: none;
    }
  }

  @nest &[data-selection-bottom='true'] {
    border-bottom-left-radius: var(--border-radius-medium);
    border-bottom-right-radius: var(--border-radius-medium);

    @nest &::after {
      display: none;
    }
  }
}

.wrapper {
  position: relative;
  padding: var(--small-padding);
  display: flex;
  align-items: center;
  z-index: 3;
}

.iconContainer {
  width: 33px;
  height: 33px;
  border-radius: calc(33px / 2);
  box-shadow: 0 0 0 2px var(--timeline-event-enabled-bg);
  display: flex;
  align-items: center;
  justify-content: center;

  @nest & > svg {
    display: block;
  }

  @nest .root[data-type='create'] & {
    background-color: var(--timeline-event-enabled-icon-created-bg);
{'fraction_non_alphanumeric': 0.18615366893215068, 'fraction_numerical': 0.023845179126828705, 'mean_word_length': 3.136255359695093, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '5565662', 'n_tokens_mistral': 3495, 'n_tokens_neox': 3263, 'n_words': 484}