<commit_before>import colors from '../settings/colors';
import darken from '../internal/darken';
import fade from '../internal/fade';
import styles from '../settings/styles';

export default {
  iconButton: {
    background: 'none',
    borderRadius: '50%',
    border: 0,
    cursor: 'pointer',
    height: '40px',
    outline: 0,
    padding: '8px',
    transition: 'all .3s ease-in-out',
    width: '40px',
    ':hover': {
      background: fade(colors.black, 0.9)
    },
    ':active': {
      boxShadow: styles.depthShadows[0]
    }
  },
  button: {
    backgroundColor: colors.theme,
    border: 0,
    borderRadius: '3px',
    boxShadow: styles.depthShadows[0],
    color: colors.white,
    cursor: 'pointer',
    fontSize: '16px',
    lineHeight: '20px',
    outline: 0,
    padding: '6px 12px',
    transition: 'all .3s ease-in-out',
    ':hover': {
      backgroundColor: darken(colors.theme, 0.15)
    },
    ':active': {
      boxShadow: styles.depthShadows[1]
    }
  },
  inverted: {
    color: colors.theme,
    backgroundColor: colors.white,
    ':hover': {
      backgroundColor: darken(colors.white, 0.15)
    },
    ':active': {
      boxShadow: styles.depthShadows[1]
    }
  },
  disabled: {
    opacity: '0.38'
  },
  flatButton: {
    backgroundColor: 'transparent',
    boxShadow: 'none',
    textTransform: 'uppercase',
    ':hover': {
      backgroundColor: fade(colors.black, 0.95)
    },
    ':active': {
      backgroundColor: fade(colors.black, 0.85)
    }
  }
};<commit_msg>:bug: Fixed button flex problem.<commit_after>import colors from '../settings/colors';
import darken from '../internal/darken';
import fade from '../internal/fade';
import styles from '../settings/styles';

export default {
  iconButton: {
    background: 'none',
    borderRadius: '50%',
    border: 0,
    cursor: 'pointer',
    height: '40px',
    outline: 0,
    padding: '8px',
    transition: 'all .3s ease-in-out',
    flexShrink: 0,
    width: '40px',
    ':hover': {
      background: fade(colors.black, 0.9)
    },
    ':active': {
      boxShadow: styles.depthShadows[0]
    }
  },
  button: {
    backgroundColor: colors.theme,
    border: 0,
    borderRadius: '3px',
    boxShadow: styles.depthShadows[0],
    color: colors.white,
    cursor: 'pointer',
    fontSize: '16px',
    lineHeight: '20px',
    outline: 0,
    padding: '6px 12px',
    transition: 'all .3s ease-in-out',
    flexShrink: 0,
    ':hover': {
      backgroundColor: darken(colors.theme, 0.15)
    },
    ':active': {
      boxShadow: styles.depthShadows[1]
    }
  },
  inverted: {
    color: colors.theme,
    backgroundColor: colors.white,
    ':hover': {
      backgroundColor: darken(colors.white, 0.15)
    },
    ':active': {
      boxShadow: styles.depthShadows[1]
    }
  },
  disabled: {
    opacity: '0.38'
  },
  flatButton: {
    backgroundColor: 'transparent',
    boxShadow: 'none',
    textTransform: 'uppercase',
    flexShrink: 0,
    ':hover': {
      backgroundColor: fade(colors.black, 0.95)
    },
    ':active': {
      backgroundColor: fade(colors.black, 0.85)
    }
  }
};
{'fraction_non_alphanumeric': 0.16299416720674012, 'fraction_numerical': 0.028191834089436162, 'mean_word_length': 2.6232394366197185, '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': '6471085', 'n_tokens_mistral': 1115, 'n_tokens_neox': 1054, 'n_words': 228}