Plasma Tokens B2C

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

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

_NB_ — Все примеры будут приведены с использованием styled-components. Но использовать plasma-tokens-b2c можно и без этого инструмента.

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

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

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

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

const App = () => {
return (



Hello Plasma

export default App;
`

Реализация

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

Пример:

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