diff --git a/PROJECT_NOTES.md b/PROJECT_NOTES.md index c8421a3..9eace9a 100644 --- a/PROJECT_NOTES.md +++ b/PROJECT_NOTES.md @@ -43,20 +43,25 @@ - `public/assets/icons/index.json` — карта имя → путь. - `src/js/components/icon-helper.js` — асинхронная загрузка и рендер SVG inline. - `src/scss/components/_icons.scss` — базовые стили для inline-иконок. +- **Button + Vue-адаптер реализованы:** + - `src/scss/components/_buttons.scss` — варианты primary/secondary/tertiary/accent/success/warning/info/danger/error, размеры lg/md/sm/xs/xxs, состояния disabled/loading, destructive secondary/tertiary. + - `src/vue/components/GnButton.js` — API-совместим с `gnexus-ui-kit` (`variant`, `size`, `icon`, `loading`, `disabled`, `type`). + - `src/vue/components/Icon.js` — асинхронный inline SVG. + - `src/vue/utils.js` — `cx`, `normalizeVariant`, `normalizeSize`, `iconNode` с поддержкой legacy `ph-` имён. + - `demo/partials/buttons.html` — визуальные примеры. - Проверены команды: - `npm run build` — проходит. - - `npm run build:example:vue` — проходит. + - `npm run build:example:vue` / `npm run test:vue-adapter` — проходят. - `npm run test:e2e` — проходит. ### Что нужно сделать -1. Подключить шрифт Plus Jakarta Sans (локально или через CDN). -2. Уточнить radius-токены через Playwright-сравнение с компонентными фреймами. -3. Зафиксировать spacing scale (если в Figma есть отдельная страница — найти; иначе оставить текущую). -4. Реализовать foundation-компоненты demo: Typography, Palette, Utilities. -5. Реализовать базовые компоненты и Vue-адаптеры (Button, Input, Badge, Alert и т.д.). -6. Обновить `docs/component-coverage.md` по мере добавления компонентов. -7. Создать визуальные Playwright-тесты для сравнения компонентов с Figma-экспортами. +1. Уточнить radius-токены через Playwright-сравнение с компонентными фреймами. +2. Зафиксировать spacing scale (если в Figma есть отдельная страница — найти; иначе оставить текущую). +3. Реализовать foundation-компоненты demo: Typography, Palette, Utilities. +4. Реализовать базовые компоненты и Vue-адаптеры (Input, Badge, Alert и т.д.). +5. Обновить `docs/component-coverage.md` по мере добавления компонентов. +6. Создать визуальные Playwright-тесты для сравнения компонентов с Figma-экспортами. ## Заметки по reference