Дизайн-система Consta | Themes

Набор тем, для дизайн системы.

Как использовать

Установите пакет

# NPM
$ npm install @consta/themes
# Yarn
$ yarn add @consta/themes

Подключите зависимости

Чтобы начать работу, установите библиотеку @consta/uikit и настройте тему.

Использование

Например, так:

import { presetGpnDefault, ThemePreset } from '@consta/uikit/Theme';
import '@consta/themes/Theme_color_highlightsRedDark';
import '@consta/themes/Theme_color_highlightsRedDefault';

const myPreset: ThemePreset = {
  ...presetGpnDefault,
  color: {
    primary: 'highlightsRedDefault',
    invert: 'highlightsRedDark',
    accent: 'highlightsRedDark',
  },
};

const App = () => {
  return <Theme preset={myPreset}>your code</Theme>;
};

Документация

Посмотреть документацию и примеры

Разработка

Подготовка окружения

Рабочее окружение должно содержать NodeJS и Yarn.

Чтобы установить зависимости, выполните команду:

$ yarn install

Основные команды

# Запуск локального сервера для разработки
$ yarn start

# Сборка пакета
$ yarn build

# Сборка стенда
$ yarn stand:build

# Запуск тестов
$ yarn test

# Создание реекспортов для модификаторов темы (запускать после изменении модификаторов)
$ yarn pre-build

Контрибьюторам

Будем рады, если вы захотите принять участие в разработке дизайн-системы =) Но сначала прочитайте инструкцию для контрибьюторов.

Лицензия

Дизайн-систему можно использовать бесплатно, она распространяется на условиях открытой лицензии MIT.