<commit_before>import React from 'react';
import { storiesOf } from '@storybook/react';
import { checkA11y } from 'storybook-addon-a11y';
import { withInfo } from '@storybook/addon-info';
import styles from '@sambego/storybook-styles';
import { Box, Heading2, Section, TextTiny } from '../components';
import { baseStyles } from '../.storybook/styles';
import * as Icons from '@teamleader/ui-icons';

const gridStyles = {
  display: 'flex',
  flexWrap: 'wrap',
};

const itemStyles = {
  display: 'inline-block',
  width: '320px',
  whitespace: 'nowrap'
};

storiesOf('Icons', module)
  .addDecorator((story, context) => withInfo('common info')(story)(context))
  .addDecorator(checkA11y)
  .addDecorator(styles({ ...baseStyles }))
  .add('all sizes', () => (
    <Box padding={5} style={{ width: '100vw' }}>
      <Section><Heading2>Small (14x14)</Heading2></Section>
      <Box style={gridStyles}>
        {
          Object.keys(Icons).map((key, index) => {
            if(key.includes('Small')){
              const Icon = Icons[key];

              return (
                <Box element="span" key={index} style={itemStyles} padding={3}>
                  <Icon/>
                  <TextTiny marginLeft={3} style={{ display: 'inline-block' }}>{key}</TextTiny>
                </Box>
              );
            }
          })
        }
      </Box>

      <Section marginTop={4}><Heading2>Medium (24x24)</Heading2></Section>
      <Box style={gridStyles}>
        {
          Object.keys(Icons).map((key, index) => {
            if(key.includes('Medium')){
              const Icon = Icons[key];

              return (
                <Box element="span" key={index} style={itemStyles} padding={3}>
                  <Icon/>
                  <TextTiny marginLeft={3} style={{ display: 'inline-block' }}>{key}</TextTiny>
                </Box>
              );
            }
          })
        }
      </Box>
    </Box>
  ));<commit_msg>Storybook: updated Icon stories since we've renamed our Text components<commit_after>import React from 'react';
import { storiesOf } from '@storybook/react';
import { checkA11y } from 'storybook-addon-a11y';
import { withInfo } from '@storybook/addon-info';
import styles from '@sambego/storybook-styles';
import { Box, Heading2, Section, TextSmall } from '../components';
import { baseStyles } from '../.storybook/styles';
import * as Icons from '@teamleader/ui-icons';

const gridStyles = {
  display: 'flex',
  flexWrap: 'wrap',
};

const itemStyles = {
  display: 'inline-block',
  width: '320px',
  whitespace: 'nowrap'
};

storiesOf('Icons', module)
  .addDecorator((story, context) => withInfo('common info')(story)(context))
  .addDecorator(checkA11y)
  .addDecorator(styles({ ...baseStyles }))
  .add('all sizes', () => (
    <Box padding={5} style={{ width: '100vw' }}>
      <Section><Heading2>Small (14x14)</Heading2></Section>
      <Box style={gridStyles}>
        {
          Object.keys(Icons).map((key, index) => {
            if(key.includes('Small')){
              const Icon = Icons[key];

              return (
                <Box element="span" key={index} style={itemStyles} padding={3}>
                  <Icon/>
                  <TextSmall marginLeft={3} style={{ display: 'inline-block' }}>{key}</TextSmall>
                </Box>
              );
            }
          })
        }
      </Box>

      <Section marginTop={4}><Heading2>Medium (24x24)</Heading2></Section>
      <Box style={gridStyles}>
        {
          Object.keys(Icons).map((key, index) => {
            if(key.includes('Medium')){
              const Icon = Icons[key];

              return (
                <Box element="span" key={index} style={itemStyles} padding={3}>
                  <Icon/>
                  <TextSmall marginLeft={3} style={{ display: 'inline-block' }}>{key}</TextSmall>
                </Box>
              );
            }
          })
        }
      </Box>
    </Box>
  ));
{'fraction_non_alphanumeric': 0.17041719342604297, 'fraction_numerical': 0.015676359039190898, 'mean_word_length': 2.1903225806451614, 'pattern_counts': {'":': 0, '<': 51, '<?xml version=': 0, '>': 59, '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': '62181', 'n_tokens_mistral': 1248, 'n_tokens_neox': 1215, 'n_words': 245}