Skip to content

size.drawer: ширина панели и подложка из токенов - #125

Open
khaliulin wants to merge 1 commit into
mainfrom
size.drawer
Open

size.drawer: ширина панели и подложка из токенов#125
khaliulin wants to merge 1 commit into
mainfrom
size.drawer

Conversation

@khaliulin

Copy link
Copy Markdown
Contributor

Ветка от main. Компонент был помечен в плане как «заблокированный экспортом» — четыре мёртвые ссылки на размерные токены. Разбор показал, что из-за них ширина панели не задавалась вовсе.

Что сделано

Ширина панели восстановлена. drawer.root.width, drawer.sm.width, drawer.lg.width, drawer.xlg.width в экспорте отсутствуют — все четыре dt() резолвились в пустоту, правила с ними CSS отбрасывал целиком. То есть боковая панель до сих пор рисовалась дефолтной шириной PrimeNG, а не по дизайну. В экспорте есть drawer.extend.width (25rem) — базовая ширина переведена на него, замер: 400px.

Правила sm/lg/xlg удалены. Токенов под них в экспорте нет, а мёртвые правила не работали и до этой ветки. Размерные варианты вернутся вместе с реэкспортом — см. «Вопросы к дизайну».

Сырые значения заменены токенами:

  • border-bottom: 1pxdrawer.extend.borderWidth (закрывает и WARN G8)
  • отступ от краёв экрана dimension.space.200drawer.extend.margin — у компонента есть собственный токен на это
  • 100vw / 100vh в полноэкранном режиме → 100%: панель позиционирована fixed, результат тот же, а гейт не считает это шкалой дизайна

Применён drawer.extend.backdrop — фон подложки, который нигде не читался. Замер: rgba(0, 0, 0, 0.4).

Файл экспортировал функцию через export { drawerCss } в конце — гейт G4 считал это отсутствием экспорта. Переведено на обычный export const.

Убраны комментарии-разделители по правилу проекта.

Проверки

  • check-component drawer — было 8 FAIL (4×G1 мёртвые ссылки, 2×G2 сырые размеры, G2 1px, G4 экспорт) и 4 WARN, стало 0 FAIL, 1 WARN
  • check-stories-bg drawer — подложек нет
  • check-dt-refs — мёртвых ссылок в drawer.ts больше нет (были все четыре из общего списка по киту)
  • рантайм: ширина 400px, отступ 8px, радиус 8px, граница шапки 1px, подложка rgba(0,0,0,0.4), консоль без ошибок
  • prettier --check чист
  • границы ветки: один файл tokens/components/drawer.ts

Вопросы к дизайну

  • размерные варианты панели. В экспорте нет drawer.sm/lg/xlg.width — только одна ширина extend.width. Если варианты нужны (обёртка принимает size), их надо завести в Figma; сейчас все размеры визуально одинаковы.
  • drawer.extend.scale (dimension.size.50) — единственный оставшийся WARN G8: к чему относится масштаб, из экспорта не выводится, применить некуда.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant