Initial ui-kit: Button, дизайн-токены, сборка Vite, Storybook

2026-08-13 12:33:41 +05:00
commit c12c5b591b
18 changed files with 6709 additions and 0 deletions
@@ -0,0 +1,41 @@
+# @tnsu/ui-kit
+
+Общие UI-компоненты для SPFx web part'ов ТНСУ. Единый дизайн, один источник правды.
+
+> Внутренняя память проекта (решения, план, прогресс) — в [PROJECT.md](./PROJECT.md).
+
+## Установка
+
+```powershell
+npm i @tnsu/ui-kit
+```
+
+Пакет требует, чтобы в проекте уже были (peerDependencies):
+`react@17`, `react-dom@17`, `@fluentui/react@8`, `tslib`.
+У любого SPFx-решения этого поколения они есть.
+
+## Использование
+
+```ts
+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 | ⏳ переносится |
+
+## Разработка
+
+```powershell
+npm i            # поставить зависимости
+npm run build    # собрать пакет в dist/
+npm run dev      # сборка в watch-режиме
+# npm run storybook — витрина (добавим на шаге 5)
+```