<commit_before>// =============================================================================
// Import
// =============================================================================

// Styles
import glamorous from 'glamorous';
import { color, typography } from '../utils/styles';

// =============================================================================
// Heading
// =============================================================================

export const Heading = glamorous.h1(
  {
    lineHeight:    '1em',
    letterSpacing: '-0.025em',
    fontFamily:    typography.font.family.headings,
  },
  ({ fontSize, fontWeight, color, marginBottom }) => ({
    fontSize,
    fontWeight,
    color,
    marginBottom,
  }),
);

Heading.defaultProps = {
  fontSize:     '3rem',
  fontWeight:   '900',
  color:        'inherit',
  marginBottom: '0',
};

// =============================================================================
// Subheading
// =============================================================================

export const Subheading = glamorous.h2(
  {
    lineHeight: '1em',
    fontFamily: typography.font.family.headings,
  },
  ({ fontSize, fontWeight, color, marginBottom }) => ({
    fontSize,
    fontWeight,
    color,
    marginBottom,
  }),
);

Subheading.defaultProps = {
  fontSize:     '2.5rem',
  fontWeight:   '300',
  color:        'inherit',
  marginBottom: '0',
};

// =============================================================================
// Title
// =============================================================================

export const Title = glamorous.h3(
  {
    lineHeight: '1em',
    fontFamily: typography.font.family.headings,
  },
  ({ fontSize, fontWeight, color, marginBottom }) => ({
    fontSize,
    fontWeight,
    color,
    marginBottom,
  }),
);

Title.defaultProps = {
  fontSize:     '2rem',
  fontWeight:   '900',
  color:        'inherit',
  marginBottom: '0',
};

// =============================================================================
// Subtitle
// =============================================================================

export const Subtitle = glamorous.h4(
  {
    lineHeight: '1em',
    fontFamily: typography.font.family.headings,
  },
  ({ fontSize, fontWeight, color, marginBottom }) => ({
    fontSize,
    fontWeight,
    color,
    marginBottom,
  }),
);

Subtitle.defaultProps = {
  fontSize:     '1.5rem',
  fontWeight:   '300',
  color:        'inherit',
  marginBottom: '0',
};

// =============================================================================
// Text
// =============================================================================

export const Text = glamorous.p(
  {
    lineHeight: '1.25rem',
  },
  ({ fontSize, fontWeight, color, marginBottom, opacity, textAlign }) => ({
    fontSize,
    fontWeight,
    color,
    marginBottom,
    opacity,
    textAlign,
  }),
);

Text.defaultProps = {
  fontSize:     'inherit',
  fontWeight:   '400',
  color:        'inherit',
  marginBottom: '0',
  opacity:      '1',
};

// =============================================================================
// Pill
// =============================================================================

export const Pill = glamorous.span({
  display:      'inline-block',
  borderRadius: 999,
  padding:      '0 1em',<commit_msg>update Text lineHeight to be a prop<commit_after>// =============================================================================
// Import
// =============================================================================

// Styles
import glamorous from 'glamorous';
import { color, typography } from '../utils/styles';

// =============================================================================
// Heading
// =============================================================================

export const Heading = glamorous.h1(
  {
    lineHeight:    '1em',
    letterSpacing: '-0.025em',
    fontFamily:    typography.font.family.headings,
  },
  ({ fontSize, fontWeight, color, marginBottom }) => ({
    fontSize,
    fontWeight,
    color,
    marginBottom,
  }),
);

Heading.defaultProps = {
  fontSize:     '3rem',
  fontWeight:   '900',
  color:        'inherit',
  marginBottom: '0',
};

// =============================================================================
// Subheading
// =============================================================================

export const Subheading = glamorous.h2(
  {
    lineHeight: '1em',
    fontFamily: typography.font.family.headings,
  },
  ({ fontSize, fontWeight, color, marginBottom }) => ({
    fontSize,
    fontWeight,
    color,
    marginBottom,
  }),
);

Subheading.defaultProps = {
  fontSize:     '2.5rem',
  fontWeight:   '300',
  color:        'inherit',
  marginBottom: '0',
};

// =============================================================================
// Title
// =============================================================================

export const Title = glamorous.h3(
  {
    lineHeight: '1em',
    fontFamily: typography.font.family.headings,
  },
  ({ fontSize, fontWeight, color, marginBottom }) => ({
    fontSize,
    fontWeight,
    color,
    marginBottom,
  }),
);

Title.defaultProps = {
  fontSize:     '2rem',
  fontWeight:   '900',
  color:        'inherit',
  marginBottom: '0',
};

// =============================================================================
// Subtitle
// =============================================================================

export const Subtitle = glamorous.h4(
  {
    lineHeight: '1em',
    fontFamily: typography.font.family.headings,
  },
  ({ fontSize, fontWeight, color, marginBottom }) => ({
    fontSize,
    fontWeight,
    color,
    marginBottom,
  }),
);

Subtitle.defaultProps = {
  fontSize:     '1.5rem',
  fontWeight:   '300',
  color:        'inherit',
  marginBottom: '0',
};

// =============================================================================
// Text
// =============================================================================

export const Text = glamorous.p(
  ({
    lineHeight,
    fontSize,
    fontWeight,
    color,
    marginBottom,
    opacity,
    textAlign,
    textTransform,
    letterSpacing,
  }) => ({
    lineHeight,
    fontSize,
    fontWeight,
    color,
    marginBottom,
    opacity,
    textAlign,
    textTransform,
    letterSpacing,
  }),
);

Text.defaultProps = {
  lineHeight:    '1.25rem',
  fontSize:      'inherit',
  fontWeight:    '400',
  color:         'inherit',
  marginBottom:  '0',
  opacity:       '1',
  textAlign:     'inherit',
  textTransform: 'inherit',
  letterSpacing: '0',
};

// =============================================================================
// Pill
// =============================================================================

export const Pill = glamorous.span({
  display:      'inline-block',
  borderRadius: 999,
  padding:      '0 1em',
{'fraction_non_alphanumeric': 0.41885269530123953, 'fraction_numerical': 0.01369270683194004, 'mean_word_length': 4.002883922134102, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 13, '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': '7221528', 'n_tokens_mistral': 1893, 'n_tokens_neox': 1728, 'n_words': 337}