>The content of this document is aimed at developers.

# Conversion
```shell script
$ npm run convert -- <svg sources path>
```

where `svg sources path` is the path to the `Pictogram` folder in [`@linguala/design`](https://gitlab.linguala.com/linguala/design). This means that if your Linguala project folders have this structure:
```
linguala
├─ ui-pictograms
└─ design
```
you would run
```shell script
$ npm run convert -- ../design/Atom/Pictogram/
```
from the root of this project.

# Building

```shell script
$ npm run build
```

creates a CommonJS and ES Modules bundle.

If you added a new sub folder of `Pictogram/`

```
src/Pictogram
├─ Pin
|   ├─ Empty.js
|   ├─ Full.js
|   └─ Half.js
└─ New Folder
    ├─ Hey.js
    └─ Cool.js
```

you'll need to add `export * from './Pictogram/New Folder'` to [`src/index.js`](src/index.js).

Please also generate tests for new components using
```shell script
$ npm run test:generate <component list>
```
f.e. `npm run test:generate Books Person`