# @salutejs/plasma-tokens-b2b

> Пакет предоставляет набор `дизайн-токенов` реализующих дизайн «Plasma B2B».

Latest version **1.66.0** (published 2026-09-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install @salutejs/plasma-tokens-b2b
pnpm add @salutejs/plasma-tokens-b2b
yarn add @salutejs/plasma-tokens-b2b
bun add @salutejs/plasma-tokens-b2b
```

## Health

**Score 70/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; has provenance; recently updated; high maintenance score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 1.66.0 |
| Published | 2026-09-16 |
| First published | 2022-04-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 1.3 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 50 |
| Author | Salute Frontend Team |
| Maintainers | yeti-or, salute-eva |

## Links

- npm: https://www.npmjs.com/package/@salutejs/plasma-tokens-b2b
- Repository: https://github.com/salute-developers/plasma
- Homepage: https://github.com/salute-developers/plasma#readme
- Issues: https://github.com/salute-developers/plasma/issues
- npm.io page: https://npm.io/package/@salutejs/plasma-tokens-b2b

## Recent versions

- 1.66.0 (latest) — 2026-09-16
- 1.67.0-canary.3183.35539068504.0 (canary) — 2026-09-20
- 1.67.0-next-sbcom.0 (next-sbcom) — 2026-09-15
- 1.66.0-dev.0 (dev) — 2026-09-15
- 1.60.0-next-insol.0 (next-insol) — 2026-07-22
- 1.56.0-next-platform-ai.0 (next-platform-ai) — 2026-06-08
- 1.67.0-canary.3182.35349480073.0 — 2026-09-18
- 1.66.1-canary.3181.35338826530.0 — 2026-09-18
- 1.67.0-canary.3169.35074423993.0 — 2026-09-16
- 1.67.0-canary.3169.34976384316.0 — 2026-09-15
- 1.66.0-canary.3168.34971443797.0 — 2026-09-15
- 1.66.0-canary.3166.34967070165.0 — 2026-09-15
- 1.66.0-canary.3141.34962454871.0 — 2026-09-15
- 1.66.0-canary.3156.34952671283.0 — 2026-09-15
- 1.65.1-canary.3164.34946619077.0 — 2026-09-15
- … 1221 more at https://npm.io/package/@salutejs/plasma-tokens-b2b/versions

## README

# Plasma Tokens B2B

Пакет предоставляет набор `дизайн-токенов` реализующих дизайн «Plasma B2B».

<p align="center">
  <img width="768" src="https://user-images.githubusercontent.com/1813468/98609049-8cd87b80-22fd-11eb-826c-2279f4f3f1bd.png" alt="plasma-tokens" />
</p>

## Пример использования

_NB_ — Все примеры будут приведены с использованием [styled-components](https://styled-components.com/). Но использовать `plasma-tokens-b2b` можно и без этого инструмента.

```sh
npm i --save @salutejs/plasma-tokens-b2b
```

```jsx
import React from 'react';
import styled from 'styled-components';

import { text, background, gradient } from '@salutejs/plasma-tokens-b2b';

const AppStyled = styled.div`
    padding: 30px;
    color: ${text};
    background-color: ${background};
    background-image: ${gradient};
`;

const App = () => {
    return (
        <AppStyled>
            <h2>Hello Plasma</h2>
        </AppStyled>
    );
};

export default App;
```

## Реализация

Все CSS-переменные завернуты в JS-переменные для более удобного доступа.
Каждая переменная имеет описание ввиде комментария. Современные IDE будут выводить этот комментарий ввиде подсказки.

Пример:

```js
/** Цвет предупреждения */
export const warning = 'var(--plasma-colors-warning)';
```

---
_Source: https://npm.io/package/@salutejs/plasma-tokens-b2b · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._