Skip to content

size.listbox: типографика пункта и подпись без слоя синонимов - #116

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

size.listbox: типографика пункта и подпись без слоя синонимов#116
khaliulin wants to merge 1 commit into
mainfrom
size.listbox

Conversation

@khaliulin

Copy link
Copy Markdown
Contributor

Ветка от main. Четвёртый компонент из группы «слой синонимов + сырые var()».

Что сделано

Снят блок :root — четыре переменные --p-listbox-extend-* и три чтения их сырым var(). Отступы опции, подпись и её цвет читаются через dt() из listbox.extend.extOption.*.

Опция получила типографику. Figma <Listbox> (349:2649) набирает пункт стилем secondary-font/text-base/font-normal/leading-none: fontSize.200 без интерлиньяжа. Ни Aura, ни кит шрифт опции не задавали — она наследовала размер от страницы. Теперь заданы семейство, размер и интерлиньяж.

Применён listbox.extend.extOption.caption.stripedColor. Токен был объявлен в слое синонимов, но нигде не читался: подпись в чередующихся строках красилась обычным цветом. Добавлено правило для .p-listbox-striped li:nth-child(even of .p-listbox-option). Сейчас оба токена ссылаются на color.fg.muted, так что визуально ничего не меняется — но правило появилось там, где дизайн его задал.

Проверки

  • check-component listbox — было 4 FAIL (3×G3 сырые var, G5 слой синонимов), стало 0 FAIL, 0 WARN
  • check-stories-bg listbox — подложек нет
  • check-dt-refs — мёртвых ссылок в listbox.ts нет
  • рантайм: база 16px, дробных пикселей нет, консоль без ошибок
  • prettier --check чист
  • границы ветки: один файл tokens/components/listbox.ts

Сверка с Figma (пересчёт базы 14 → 16): gap и padding списка 4px, фон #ffffff, граница #cecfd2, цвет пункта #2b2e33, отключённый фон #e2e2e4 — совпадают.

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

  • радиус. listbox.root.borderRadius = dimension.borderRadius.400 (0.875rem) против 10.5px в макете (0.75rem при базе 14). Третий компонент с этим расхождением после menu и avatar — похоже, вся ступень borderRadius.400 в экспорте на шаг больше макета.

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