Numerous Panicky Mimes

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

    0.11.0 • Public • Published

    Plasma Tokens B2C

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

    plasma-tokens

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

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

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

    Keywords

    none

    Install

    npm i @sberdevices/plasma-tokens-b2c

    DownloadsWeekly Downloads

    516

    Version

    0.11.0

    License

    Sber Public License at-nc-sa v.2

    Unpacked Size

    437 kB

    Total Files

    221

    Last publish

    Collaborators

    • awinogradov
    • turanchoks
    • sberdevices-frontend