open-index/open-npm huggingface dataset:
npm package: @reuters-graphics/sportlich
Description: ![](https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg)
Author: Dylan Freedman
Latest version: 1.0.2

![](https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg)

# @reuters-graphics/sportlich

[![npm version](https://badge.fury.io/js/%40reuters-graphics%2Fsportlich.svg)](https://badge.fury.io/js/%40reuters-graphics%2Fsportlich) [![Reuters open source software](https://badgen.net/badge/Reuters/open%20source/?color=ff8000)](https://github.com/reuters-graphics/)

[Read the docs.](https://reuters-graphics.github.io/sportlich/)
npm package: @reuters-graphics/structs
Description: ![](https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg)
Author: Jon McClure
Latest version: 0.0.12

![](https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg)

# @reuters-graphics/structs

[![npm version](https://badge.fury.io/js/%40reuters-graphics%2Fstructs.svg)](https://badge.fury.io/js/%40reuters-graphics%2Fstructs) [![Reuters open source software](https://badgen.net/badge/Reuters/open%20source/?color=ff8000)](https://github.com/reuters-graphics/)

[Read the docs.](https://reuters-graphics.github.io/structs/)
npm package: @reuters-graphics/style-ai-templates
Description: Our house Adobe Illustrator templates for charting, mapping and more.
Author: hobbes7878
Latest version: 0.0.16

![](https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg)

# AI templates

Our house Adobe Illustrator templates for charting, mapping and more.

[![npm version](https://badge.fury.io/js/@reuters-graphics%2Fstyle-ai-templates.svg)](https://badge.fury.io/js/@reuters-graphics%2Fstyle-ai-templates)

## Quickstart

### Using in a project

> 📌 **NOTE**: The graphics rigs will run the following commands automatically to pull in the latest templates published to npm.

Install:

```
yarn add -D @reuters-graphics/style-ai-templates
```

Use the CLI to unpack templates into a folder in your working directory:

```
npx get-ai project-files/
```

You can also pass a [minimatch](https://github.com/isaacs/minimatch) pattern to the `--match` option to get just some templates.

```
npx get-ai project-files/ --match "**/ai2html-template.ait"
```

### Quick download

Download the files directly from GitHub:

- [ai2html](https://github.com/reuters-graphics/style-ai-templates/raw/main/ai-templates/ai2html/ai2html-template.ait?raw=true)
- [flat graphics](https://github.com/reuters-graphics/style-ai-templates/blob/main/ai-templates/flat/flat-graphic-template.ait?raw=true) **DEPRECATED**

## ai2html
### Well widths and classes
The graphics rig's well widths (`wide`, `wider`, etc.) correspond to the ai2html template's artboards. [Here are examples](https://graphics.thomsonreuters.com/testfiles/2021/aO3WejrMar/en/) of how the `.snap` and `.skip-` classes work.

### For Special Reports...
Add this CSS to the very top of your main.scss (before the import statement)
```
$graphic-narrower: 350px;
$graphic-narrow: 560px;
$well-regular: 635px;
$well-wide: 730px;
$well-wider: 1110px;
```

## Developing these templates

Make changes to any `.ait` templates and submit them through a PR on this repo.

Once a PR is merged, the library must be published to npm before users will get those changes. To publish, make sure you're on the main branch and run...

```
yarn publish
```

... then update the version number (usually a [patch](https://semver.org/#summary) version) and publish the library.

When you're done, push the version bump back to GitHub.

You'll need to be added [to the public package as a collaborator](https://www.npmjs.com/package/@reuters-graphics/style-ai-templates) to push updates to NPM. Ask Jon or Ally to get added to the library or to publish your change for you.
npm package: @reuters-graphics/style-theme-eisbaer
Description: Eisbär styles theme at Reuters
Author: Jon McClure
Latest version: 0.3.6

![](../../badge.svg)

# <img src='bear.jpg' width="40"/> @reuters-graphics/style-theme-eisbaer

[Read the docs.](https://reuters-graphics.github.io/style/themes/eisbaer/)
npm package: @reuters-graphics/stylelint-config
Description: ![](../../badge.svg)
Author: Jon McClure
Latest version: 0.0.2

![](../../badge.svg)

# @reuters-graphics/eslint-config

### Quickstart

1.  Install the package:

        $ yarn add -D @reuters-graphics/stylelint-config stylelint

2.  Create a `.stylelintrc.json` in the root of your project:

        {
          "extends": "@reuters-graphics/stylelint-config"
        }
npm package: @reuters-graphics/svelte-charts
Description: ![](https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg)
Latest version: 0.0.1-alpha.5

![](https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg)

# @reuters-graphics/svelte-charts

[![npm version](https://badge.fury.io/js/@reuters-graphics%2Fsvelte-charts.svg)](https://badge.fury.io/js/@reuters-graphics%2Fsvelte-charts)

Chart components written in Svelte. Docs by Storybook.

[Read the docs.](https://reuters-graphics.github.io/svelte-charts/)
npm package: @reuters-graphics/teams-klaxon
Description: ![logo](https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg)
Author: Jon McClure
Latest version: 2.0.0

![logo](https://graphics.thomsonreuters.com/style-assets/images/logos/reuters-graphics-logo/svg/graphics-logo-color-dark.svg)

# @reuters-graphics/teams-klaxon

[![npm version](https://badge.fury.io/js/%40reuters-graphics%2Fteams-klaxon.svg)](https://badge.fury.io/js/%40reuters-graphics%2Fteams-klaxon) [![Reuters open source software](https://badgen.net/badge/Reuters/open%20source/?color=ff8000)](https://github.com/reuters-graphics/)

[Read the docs.](https://reuters-graphics.github.io/teams-klaxon/)