<commit_before>import React from 'react';
import { styled } from '@storybook/theming';
import { ScrollArea, TabsState } from '@storybook/components';
import Result from './Result';
import provideJestResult, { Test } from '../hoc/provideJestResult';

const List = styled.ul({
  listStyle: 'none',
  fontSize: 14,
  padding: 0,
  margin: 0,
});

const Item = styled.li({
  display: 'block',
  padding: 0,
});

const NoTests = styled.div({
  padding: '10px 20px',
  flex: 1,
});

const ProgressWrapper = styled.div({
  position: 'relative',
  height: '10px',
});

const SuiteHead = styled.div({
  display: 'flex',
  alignItems: 'baseline',
  position: 'absolute',
  zIndex: 2,
  right: '60px',
  marginTop: '13px',
});

const SuiteTotals = styled(({ successNumber, failedNumber, result, className }) => (
  <div className={className}>
    <div>
      {result.assertionResults.length} {result.assertionResults.length > 1 ? `tests` : `test`}
    </div>
    <div>
      {result.endTime - result.startTime}
      ms
    </div>
    <div>{((successNumber / (failedNumber + successNumber)) * 100).toFixed(2)}%</div>
  </div>
))({
  display: 'flex',
  alignItems: 'center',
  color: '#333333',
  fontSize: '13px',

  '& > *': {
    marginRight: 10,
  },
});

const SuiteProgress = styled(({ successNumber, result, className }) => (
  <div className={className} role="progressbar">
    <span style={{ width: `${(successNumber / result.assertionResults.length) * 100}%` }} />
  </div>
))(() => ({
  width: '50px',
  backgroundColor: '#FF4400',
  height: '10px',
  top: 0,
  position: 'absolute',
  left: 0,
  overflow: 'hidden',
  appearance: 'none',
  marginTop: '1px',

  '& > span': {
    backgroundColor: '#66BF3C',
    bottom: 0,
    position: 'absolute',
    left: 0,
    top: 0,<commit_msg>modified font size and color for the test detail section<commit_after>import React from 'react';
import { styled } from '@storybook/theming';
import { ScrollArea, TabsState } from '@storybook/components';
import Result from './Result';
import provideJestResult, { Test } from '../hoc/provideJestResult';

const List = styled.ul({
  listStyle: 'none',
  fontSize: 14,
  padding: 0,
  margin: 0,
});

const Item = styled.li({
  display: 'block',
  padding: 0,
});

const NoTests = styled.div({
  padding: '10px 20px',
  flex: 1,
});

const ProgressWrapper = styled.div({
  position: 'relative',
  height: '10px',
});

const SuiteHead = styled.div({
  display: 'flex',
  alignItems: 'baseline',
  position: 'absolute',
  zIndex: 2,
  right: '60px',
  marginTop: '13px',
});

const SuiteTotals = styled(({ successNumber, failedNumber, result, className }) => (
  <div className={className}>
    <div>
      {result.assertionResults.length} {result.assertionResults.length > 1 ? `tests` : `test`}
    </div>
    <div>
      {result.endTime - result.startTime}
      ms
    </div>
    <div>{((successNumber / (failedNumber + successNumber)) * 100).toFixed(2)}%</div>
  </div>
))({
  display: 'flex',
  alignItems: 'center',
  color: '#666666',
  fontSize: '14px',
  marginTop: '-2px',
  '& > *': {
    marginRight: 10,
  },
});

const SuiteProgress = styled(({ successNumber, result, className }) => (
  <div className={className} role="progressbar">
    <span style={{ width: `${(successNumber / result.assertionResults.length) * 100}%` }} />
  </div>
))(() => ({
  width: '50px',
  backgroundColor: '#FF4400',
  height: '10px',
  top: 0,
  position: 'absolute',
  left: 0,
  overflow: 'hidden',
  appearance: 'none',

  '& > span': {
    backgroundColor: '#66BF3C',
    bottom: 0,
    position: 'absolute',
    left: 0,
    top: 0,
{'fraction_non_alphanumeric': 0.18526723899196898, 'fraction_numerical': 0.028800886181113265, 'mean_word_length': 3.7401574803149606, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 37, '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': '3813887', 'n_tokens_mistral': 1317, 'n_tokens_neox': 1233, 'n_words': 310}