@tnsu/ui-kit (0.0.1)
Installation
@tnsu:registry=https://git.tnsu.kz/api/packages/tansu/npm/npm install @tnsu/ui-kit@0.0.1"@tnsu/ui-kit": "0.0.1"About this package
@tnsu/ui-kit
Общие UI-компоненты для SPFx web part'ов ТНСУ. Единый дизайн, один источник правды.
Внутренняя память проекта (решения, план, прогресс) — в PROJECT.md.
Установка
npm i @tnsu/ui-kit
Пакет требует, чтобы в проекте уже были (peerDependencies):
react@17, react-dom@17, @fluentui/react@8, tslib.
У любого SPFx-решения этого поколения они есть.
Использование
import { Button } from '@tnsu/ui-kit';
import '@tnsu/ui-kit/styles.css'; // один раз в точке входа web part
<Button variant="primary">Отправить</Button>;
Компоненты
Наполняется по мере переноса. Полная витрина со всеми состояниями — в Storybook.
| Компонент | Описание | Статус |
|---|---|---|
| Button | Кнопка, варианты primary/accent/secondary/ghost/danger | ⏳ переносится |
Разработка
npm i # поставить зависимости
npm run build # собрать пакет в dist/
npm run dev # сборка в watch-режиме
# npm run storybook — витрина (добавим на шаге 5)
Dependencies
Development Dependencies
| ID | Version |
|---|---|
| @chromatic-com/storybook | latest |
| @fluentui/react | ^8.125.7 |
| @storybook/addon-a11y | ^10.5.7 |
| @storybook/addon-docs | ^10.5.7 |
| @storybook/addon-mcp | latest |
| @storybook/addon-vitest | ^10.5.7 |
| @storybook/react-vite | ^10.5.7 |
| @types/react | ^17.0.45 |
| @types/react-dom | ^17.0.17 |
| @vitejs/plugin-react | ^6.0.5 |
| @vitest/browser-playwright | latest |
| @vitest/coverage-v8 | latest |
| playwright | latest |
| react | ^17.0.1 |
| react-dom | ^17.0.1 |
| sass | ^1.102.0 |
| storybook | ^10.5.7 |
| tslib | ^2.3.1 |
| typescript | ~5.8.0 |
| vite | ^8.2.1 |
| vite-plugin-dts | ^5.0.3 |
| vitest | latest |
Peer Dependencies
| ID | Version |
|---|---|
| @fluentui/react | ^8.106.4 |
| react | ^17.0.1 |
| react-dom | ^17.0.1 |
| tslib | ^2.3.1 |
Details
Assets (1)
Versions (17)
View all
ui-kit-0.0.1.tgz
4.3 KiB