<commit_before>// ─────────────────────────────────────────────────────────────────────────────
// import
// ─────────────────────────────────────────────────────────────────────────────

import styled, { css } from 'styled-components';

// ─────────────────────────────────────────────────────────────────────────────
// component
// ─────────────────────────────────────────────────────────────────────────────

export default styled.button`
  -webkit-appearance: none;
  outline: 0;
  border: 0;
  cursor: pointer;
  background-color: transparent;

  margin: ${({ margin }) => margin};
  padding: 0;

  ${({ type }) => {
    if (type === 'basic') {
      return css``;
    }
    return css`
      background-color: hsla(var(--hsl-grey), 0.1);
      box-shadow: inset 0 0 0 1px var(--color-grey-light);

      padding: ${({ padding = '1rem 2rem' }) => padding};

      &:first-of-type {
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 1rem;
      }
      &:last-of-type {
        border-top-right-radius: 1rem;
        border-bottom-right-radius: 1rem;
      }

      border-radius: ${({ borderRadius }) => borderRadius};
      transition: 100ms;
      &:hover {
        background-color: var(--color-grey-light);
        transform: translateY(-1px);
      }
      &:active {
        transform: translateY(1px);
      }
      &:disabled {
        opacity: 0.5;
        cursor: not-allowed;
      }
    `;
  }};
`;<commit_msg>update button style<commit_after>// ─────────────────────────────────────────────────────────────────────────────
// import
// ─────────────────────────────────────────────────────────────────────────────

import styled, { css } from 'styled-components';

// ─────────────────────────────────────────────────────────────────────────────
// component
// ─────────────────────────────────────────────────────────────────────────────

export default styled.button`
  -webkit-appearance: none;
  outline: 0;
  border: 0;
  cursor: pointer;
  background-color: transparent;

  margin: ${({ margin }) => margin};
  padding: 0;

  ${({ type }) => {
    if (type === 'basic') {
      return css``;
    }
    return css`
      background-color: hsla(var(--hsl-grey), 0.1);
      box-shadow: 0 0 0 1px var(--color-grey-light);
      padding: ${({ padding = '1rem 2rem' }) => padding};
      border-radius: ${({ borderRadius }) => borderRadius};
      transition: 100ms;
      &:hover {
        box-shadow: 0 0 0 1px var(--color-grey);
        transform: translateY(-1px);
      }
      &:active {
        transform: translateY(1px);
      }
      &:disabled {
        opacity: 0.5;
        cursor: not-allowed;
      }
    `;
  }};
`;
{'fraction_non_alphanumeric': 0.36434977578475336, 'fraction_numerical': 0.016442451420029897, 'mean_word_length': 2.9718100890207717, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, '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': '1857767', 'n_tokens_mistral': 1057, 'n_tokens_neox': 783, 'n_words': 157}