{"_id":"@asnefedov/uikit","name":"@asnefedov/uikit","dist-tags":{"latest":"5.16.0"},"versions":{"5.16.0":{"name":"@asnefedov/uikit","version":"5.16.0","keywords":["ui-kit","design-system","consta","gazprom-neft-design-system"],"licenses":[{"type":"MIT","url":"https://consta.design/static/licence_mit.pdf"}],"peerDependencies":{"@bem-react/classname":"^1.6.0","@bem-react/classnames":"^1.3.10","@asnefedov/icons":"1.1.0","compute-scroll-into-view":"^1.0.17","date-fns":"^2.30.0","react":">= 16.8.0","react-dom":">= 16.8.0","react-dropzone":"^14.2.3","react-imask":"^7.2.1","react-textarea-autosize":"^8.5.3","react-transition-group":"^4.4.5"},"publishConfig":{"access":"public"},"homepage":"http://uikit.consta.design","_id":"@asnefedov/uikit@5.16.0","gitHead":"0bab22dc87c338de0db66983f3307ad4efc24d40","description":"Consta — дизайн-система для разработки интерфейсов, написана на [React](https://reactjs.org/).","_nodeVersion":"20.17.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-ZnWC95ZUyfmLtEc7i5oauO9w3zQaqpTtHjAV7tvxumks3s3838K0rdePnqHzmdtySJLMbaduQE72IJKTpzXqiA==","shasum":"7094f6ee2ef64358921da4ac475431675e5fd755","tarball":"https://registry.npmjs.org/@asnefedov/uikit/-/uikit-5.16.0.tgz","fileCount":3729,"unpackedSize":29859282,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDd/aXsDbpJZcg9oLNx5Kv5kFNFok7vMVEXXp81PRAEaQIhAINGx1S40fYr20ykGUCZ4G9I1UnN46Ov7DXbvtF8FJiM"}]},"_npmUser":{"name":"asnefedov","email":"nefedovaleksandr196@gmail.com"},"directories":{},"maintainers":[{"name":"asnefedov","email":"nefedovaleksandr196@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/uikit_5.16.0_1770626558080_0.7741408926699536"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-09T08:42:37.953Z","5.16.0":"2026-02-09T08:42:38.434Z","modified":"2026-02-09T08:42:38.655Z"},"maintainers":[{"name":"asnefedov","email":"nefedovaleksandr196@gmail.com"}],"description":"Consta — дизайн-система для разработки интерфейсов, написана на [React](https://reactjs.org/).","homepage":"http://uikit.consta.design","keywords":["ui-kit","design-system","consta","gazprom-neft-design-system"],"readme":"# [Дизайн-система Consta](http://consta.gazprom-neft.ru/) | Библиотека интерфейсных компонентов\n\nConsta — дизайн-система для разработки интерфейсов, написана на [React](https://reactjs.org/).\n\nВ дизайн-систему входит несколько библиотек. **Здесь — библиотека интерфейсных компонентов:** простые контролы, сложные блоки, темы и хуки. Все библиотеки представлены в виде компонентов и макетов в Figma.\n\n## Что входит в дизайн-систему\n\n### Библиотека компонентов\n\n[Репозиторий](https://github.com/consta-design-system/uikit) | [NPM](https://www.npmjs.com/package/@consta/uikit) | [Документация и стенд](http://uikit.consta.design/) | [Макеты](https://www.figma.com/community/file/853774806786762374)\n\n### Библиотека графиков\n\n[Репозиторий](https://github.com/consta-design-system/charts) | [NPM](https://www.npmjs.com/package/@consta/charts) | [Документация и стенд](http://charts.consta.design) | [Макеты](https://www.figma.com/community/file/982611119114314434)\n\n[>> Посмотреть все библиотеки](https://github.com/consta-design-system)\n\n<hr>\n\nПодробности — на [на сайте дизайн-системы Consta](http://consta.design/)\n\nСледите за новостями и релизами в [телеграм-канале дизайн-системы](https://t.me/consta_ui_releases)\n\n# Как использовать\n\n## Установите пакет\n\n```\nyarn add @consta/uikit\n```\n\n## Начните работу с библиотекой\n\nЧтобы начать работу с библиотекой интерфейсных компонентов, подключите тему:\n\n```tsx\nimport React from 'react';\nimport { Theme, presetGpnDefault } from '@consta/uikit/Theme';\nimport { Button } from '@consta/uikit/Button';\n\nconst App = () => (\n  <Theme preset={presetGpnDefault}>\n    <Button label=\"Кнопка\" />\n  </Theme>\n);\n```\n\n[Что такое темы и как с ними работать](https://portal.consta.design/libs/portal/theme-themeabout)\n\n## Документация и стенд\n\nНа стенде можно менять параметры и смотреть, как меняются компоненты. Документация — во вкладке у каждого компонента.\n\n[Вперёд, к стенду](http://consta.design/libs/uikit)\n\n## Разработка\n\n### Подготовка окружения\n\nРабочее окружение должно содержать NodeJS и Yarn.\n\nЧтобы установить зависимости, выполните команду:\n\n```sh\n$ yarn install\n```\n\n### Основные команды\n\n```sh\n# Запуск локального сервера для разработки\n$ yarn start\n\n# Сборка пакета\n$ yarn build\n\n# Сборка стенда\n$ yarn stand:build\n\n# Запуск тестов\n$ yarn test\n```\n\n## Контрибьюторам\n\nБудем рады, если вы захотите принять участие в разработке дизайн-системы =) Но сначала прочитайте [инструкцию для контрибьюторов](https://consta.design/libs/portal/contributers-code).\n\n## Лицензия\n\nДизайн-систему можно использовать бесплатно, она распространяется на условиях открытой [лицензии MIT](https://consta.design/static/licence_mit.pdf).\n\nДля shaker\nПервичная сборка\n\n1. yarn install\n2. yarn start(Запускается режим разработки)\n3. yarn build(для сборки и последующего импорта изменений в репозиторий телеметрии)\n4. В телементрии требуется удалить node_modules и выполнить команду npm install\n5. Далее npm run start\n","readmeFilename":"README.md","_rev":"1-40683a0e0bd5bb20e4e2e0bced6a9700"}