0.11.0 • Published 4 years ago
@sberdevices/plasma-tokens-b2c v0.11.0
Plasma Tokens B2C
Пакет предоставляет набор дизайн-токенов реализующих дизайн «Plasma B2C».
Пример использования
NB — Все примеры будут приведены с использованием styled-components. Но использовать plasma-tokens-b2c можно и без этого инструмента.
npm i --save @sberdevices/plasma-tokens-b2cimport React from 'react';
import styled from 'styled-components';
import { text, background, gradient } from '@sberdevices/plasma-tokens-b2c';
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 будут выводить этот комментарий ввиде подсказки.
Пример:
/** Цвет предупреждения */
export const warning = 'var(--plasma-colors-warning)';0.11.0
4 years ago
0.10.0
4 years ago
0.8.1
4 years ago
0.8.0
4 years ago
0.8.2
4 years ago
0.9.0
4 years ago
0.7.2
4 years ago
0.7.1
4 years ago
0.7.0
4 years ago
0.6.1
4 years ago
0.5.3
4 years ago
0.6.0
4 years ago
0.5.2
4 years ago
0.5.1
4 years ago
0.5.0
4 years ago
0.4.0
4 years ago
0.3.0
4 years ago
0.2.1
4 years ago
0.2.0
4 years ago