feat(sprint3): кнопки, форм-контролы, LLM-блоки — Sprint 3 v0.3.0
- components/ui/Button.tsx — компонент Button (primary/secondary/ghost/danger, sm/md/lg, loading/disabled) - components/ui/CodeCopy.tsx — компонент копирования кода (clipboard API) - components/ui/Toggle.tsx — тумблер (client component, bb-toggle-track/thumb) - globals.css — CSS-классы: bb-btn, bb-input/textarea/select, bb-checkbox/radio, bb-toggle, @keyframes bb-spin - app/components/buttons/page.tsx — страница «Кнопки» (варианты, размеры, состояния, code copy, LLM-блок) - app/components/forms/page.tsx — страница «Форм-контролы» (Input/Textarea/Select/Checkbox/Radio/Toggle, LLM-блок) - foundation/logo/page.tsx — добавлен LLM-блок v1.0 - Sidebar: убраны «скоро» с Кнопок и Форм-контролов, версия Sprint 3 · v0.3.0 - docs/LLM_CONTEXT.md → версия 3.0, добавлена секция 9a с компонентами Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
+44
-3
@@ -2,7 +2,7 @@
|
||||
|
||||
## Клиника ухо, горло, нос им. проф. Е.Н.Оленевой
|
||||
|
||||
**Версия контекста:** 2.1
|
||||
**Версия контекста:** 3.0
|
||||
**Дата обновления:** 2026-03-22
|
||||
**Актуальный спринт:** Sprint 3
|
||||
**Сайт клиники:** https://oclinica.ru
|
||||
@@ -285,8 +285,8 @@ SVG-версия ожидается (не получена от клиники).
|
||||
| `/offline/badges` | ✅ Готова | Бейджи |
|
||||
| `/offline/navigation` | ✅ Готова | Внутренняя навигация |
|
||||
| `/offline/transport` | ✅ Готова | Брендирование транспорта |
|
||||
| `/components/buttons` | 🔜 Sprint 3 | Кнопки |
|
||||
| `/components/forms` | 🔜 Sprint 3 | Форм-контролы |
|
||||
| `/components/buttons` | ✅ Готова | Кнопки — все варианты, размеры, состояния |
|
||||
| `/components/forms` | ✅ Готова | Форм-контролы — Input, Textarea, Select, Checkbox, Radio, Toggle |
|
||||
| `/components/*` | 🔜 Sprint 3–4 | Карточки, бейджи, алерты, модалки, таблицы |
|
||||
| `/blocks/*` | 🔜 Sprint 5–8 | Hero, врачи, отзывы, новости, формы |
|
||||
| `/pages/*` | 🔜 Sprint 9–11 | Главная, заболевание, врачи, цены, контакты |
|
||||
@@ -339,6 +339,46 @@ SVG-версия ожидается (не получена от клиники).
|
||||
|
||||
---
|
||||
|
||||
## 9a. Базовые компоненты (Sprint 3)
|
||||
|
||||
### Кнопки (Button) · `/components/buttons`
|
||||
|
||||
CSS-классы из `globals.css`. Компонент: `@/components/ui/Button` (React, "use client").
|
||||
|
||||
| Вариант | CSS класс | Фон | Текст | Граница | Применение |
|
||||
|-----------|------------------|------------|---------|-----------|------------|
|
||||
| primary | .bb-btn-primary | #5b7b87 | #fff | #5b7b87 | Главный CTA: «Записаться», «Подтвердить» |
|
||||
| secondary | .bb-btn-secondary | прозрачный | #5b7b87 | #5b7b87 | Второстепенное действие |
|
||||
| ghost | .bb-btn-ghost | прозрачный | #5b7b87 | нет | Третичное действие, отмена |
|
||||
| danger | .bb-btn-danger | #dc2626 | #fff | #dc2626 | Деструктивное действие |
|
||||
|
||||
| Размер | CSS класс | padding | font-size | border-radius |
|
||||
|--------|------------|------------|-----------|---------------|
|
||||
| sm | .bb-btn-sm | 5px 12px | 13px | 6px |
|
||||
| md | .bb-btn-md | 8px 18px | 14px | 8px |
|
||||
| lg | .bb-btn-lg | 12px 26px | 16px | 10px |
|
||||
|
||||
**Состояния:** default · hover (brightness 0.9) · active (brightness 0.82) · loading (spinner + opacity 0.5) · disabled (opacity 0.5)
|
||||
|
||||
**Правила:** не более одной primary на экран в контексте задачи · текст — глагол или призыв · Danger только для деструктивных действий.
|
||||
|
||||
### Форм-контролы (Forms) · `/components/forms`
|
||||
|
||||
| Элемент | CSS класс | Тег HTML | Описание |
|
||||
|----------|-----------------|----------------------------|----------|
|
||||
| Input | .bb-input | `<input>` | text, email, password |
|
||||
| Textarea | .bb-textarea | `<textarea>` | многострочный, min-height: 100px |
|
||||
| Select | .bb-select | `<select>` | с кастомной SVG-стрелкой |
|
||||
| Checkbox | .bb-checkbox | `<input type="checkbox">` | 16×16px, accent-color: #5b7b87 |
|
||||
| Radio | .bb-radio | `<input type="radio">` | 16×16px, accent-color: #5b7b87 |
|
||||
| Toggle | .bb-toggle-track | React-компонент `<Toggle>` | 44×24px, track + thumb |
|
||||
|
||||
**Состояния полей:** default (border #e5e7eb) · focus (border #7ecfca + box-shadow) · error (.bb-error, border #dc2626) · disabled (opacity 0.5)
|
||||
|
||||
**Toggle:** выкл → track #d1d5db · вкл → track #5b7b87 (#73M) · thumb: белый круг 20×20px.
|
||||
|
||||
---
|
||||
|
||||
## 10. Технический стек проекта
|
||||
|
||||
| Слой | Технология | Версия |
|
||||
@@ -361,6 +401,7 @@ SVG-версия ожидается (не получена от клиники).
|
||||
| 1.0 | 2026-03-22 | Sprint 1: логотип, базовые цвета |
|
||||
| 2.0 | 2026-03-22 | Sprint 2: типографика, оффлайн носители, цвета сайта (8 цветов) |
|
||||
| 2.1 | 2026-03-22 | Sprint 2 доп.: +3 цвета сайта (коралловый, светло-жёлтый, светло-зелёный) |
|
||||
| 3.0 | 2026-03-22 | Sprint 3: кнопки (Button), форм-контролы (Input/Textarea/Select/Checkbox/Radio/Toggle), LLM-блок на логотипе |
|
||||
|
||||
---
|
||||
|
||||
|
||||
Reference in New Issue
Block a user