<commit_before>/**
 * Button
 */
:root {
  /* Grey 500 */
  --grey-500: #9E9E9E;

  --button-primary-color: color(var(--grey-500) alpha(20%));
  --button-active-color: color(var(--grey-500) alpha(40%));
  --button-focus-color: color(#000 alpha(12%));
}

.baseButton {
  background: transparent;
  border: none;
  border-radius: 2px;
  position: relative;
  height: 36px;
  min-width: 64px;
  padding: 0 8px;
  display: inline-block;
  composes: typoButton from '../styles/typography.css';
  overflow: hidden;
  will-change: box-shadow, transform;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
              background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
              color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  line-height: 36px;
}

.baseButton:hover {
  /*background-color: color(var(--button-primary-color) alpha(20%));*/
  background-color: var(--button-primary-color);
}

.baseButton:focus:not(:active) {
  background-color: var(--button-focus-color);
}

.baseButton:active {
  background-color: var(--button-active-color);
}

.color {
  composes: baseButton;
  composes: colorTextPrimary from '../styles/colors.css';
}

.button {
  composes: baseButton;
  color: #000;
  /*composes: colorTextPrimaryContrast from '../styles/colors.css';*/
}

.raised {
  background: var(--button-primary-color);
  /*composes: shadow2dp from '../styles/shadows.css';*/
}

.raised:active {
  background-color: var(--button-active-color);
  /*composes: shadow4dp from '../styles/shadows.css';*/
}

.raised:focus:not(:active) {
  background-color: var(--button-active-color);
  /*composes: focusShadow from '../styles/shadows.css';*/
}<commit_msg>Add disabled state to Button<commit_after>/**
 * Button
 */
:root {
  /* Grey 500 */
  --grey-500: #9E9E9E;

  --button-primary-color: color(var(--grey-500) alpha(20%));
  --button-active-color: color(var(--grey-500) alpha(40%));
  --button-disabled-color: color(#000 alpha(26%));
  --button-focus-color: color(#000 alpha(12%));
}

.baseButton {
  background: transparent;
  border: none;
  border-radius: 2px;
  position: relative;
  height: 36px;
  min-width: 64px;
  padding: 0 8px;
  display: inline-block;
  composes: typoButton from '../styles/typography.css';
  overflow: hidden;
  will-change: box-shadow, transform;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
              background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
              color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  line-height: 36px;
}

.baseButton:hover {
  /*background-color: color(var(--button-primary-color) alpha(20%));*/
  background-color: var(--button-primary-color);
}

.baseButton:focus:not(:active) {
  background-color: var(--button-focus-color);
}

.baseButton:active {
  background-color: var(--button-active-color);
}

.baseButton[disabled] {
  cursor: auto;
  background-color: transparent;
  color: var(--button-disabled-color);
}

.color {
  composes: baseButton;
  composes: colorTextPrimary from '../styles/colors.css';
}

.button {
  composes: baseButton;
  color: #000;
  /*composes: colorTextPrimaryContrast from '../styles/colors.css';*/
}

.raised {
  background: var(--button-primary-color);
  /*composes: shadow2dp from '../styles/shadows.css';*/
}

.raised:active {
  background-color: var(--button-active-color);
  /*composes: shadow4dp from '../styles/shadows.css';*/
}

.raised:focus:not(:active) {
  background-color: var(--button-active-color);
  /*composes: focusShadow from '../styles/shadows.css';*/
}
{'fraction_non_alphanumeric': 0.18665934669228657, 'fraction_numerical': 0.035959374142190505, 'mean_word_length': 3.4987654320987653, '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': '651835', 'n_tokens_mistral': 1416, 'n_tokens_neox': 1310, 'n_words': 256}