@sberdevices/plasma-tokens-web
    TypeScript icon, indicating that this package has built-in type declarations

    1.17.0 • Public • Published

    Plasma-tokens-web

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

    plasma-tokens

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

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

    npm i --save @sberdevices/plasma-tokens-web
    import 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)';

    Keywords

    none

    Install

    npm i @sberdevices/plasma-tokens-web

    DownloadsWeekly Downloads

    65

    Version

    1.17.0

    License

    Sber Public License at-nc-sa v.2

    Unpacked Size

    416 kB

    Total Files

    197

    Last publish

    Collaborators

    • awinogradov
    • turanchoks
    • sberdevices-frontend