1.17.0 • Published 3 years ago
@sberdevices/plasma-tokens-web v1.17.0
Plasma-tokens-web
Пакет предоставляет набор дизайн-токенов реализующих дизайн «Plasma WEB».
Пример использования
NB — Все примеры будут приведены с использованием styled-components. Но использовать plasma-tokens-web можно и без этого инструмента.
npm i --save @sberdevices/plasma-tokens-webimport React from 'react';
import styled from 'styled-components';
import { text, background, gradient } from '@sberdevices/plasma-tokens-web';
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)';1.17.0
3 years ago
1.14.1
3 years ago
1.14.0
4 years ago
1.14.2
3 years ago
1.15.0
3 years ago
1.16.0
3 years ago
1.13.1
4 years ago
1.13.0
4 years ago
1.12.1
4 years ago
1.11.3
4 years ago
1.12.0
4 years ago
1.11.2
4 years ago
1.11.1
4 years ago
1.11.0
4 years ago
1.10.0
4 years ago
1.9.0
4 years ago
1.8.1
4 years ago
1.8.0
4 years ago
1.7.0
4 years ago
1.6.0
4 years ago
1.5.1
4 years ago
1.5.0
4 years ago
1.4.0
4 years ago
1.3.0
4 years ago
1.2.0
4 years ago
1.1.0
4 years ago
1.0.0
4 years ago
0.1.0
4 years ago
1.0.0-rc.0
4 years ago