fix(fonts): semantic typography utilities per handoff (7 roles)
Заменяет blanket override из MR !45 на типизированную type scale per design_handoff_ordinis_mdm/README.md "Scale" section. Семь semantic @utility в styles.css: text-title-xl 22/600 — modal title, section header text-title-lg 17/600 — page title в editor text-title-md 15/600 — dictionary card title text-body 13/400 — workhorse: body, buttons, tabs, inputs text-cell 12.5/500 — table cell text text-mono 11/500 — Mono: IDs, dates, FK refs (font-mono baked in) text-cap 10.5/600 — Tektur UPPERCASE caption (font/uppercase baked in) Audit phases: P1: добавил 7 утилит, font/uppercase/tracking baked где надо P2: 43 deterministic codemods (font-mono+text-2xs/[11px] → text-mono, [15/17/22]px+font-semibold → text-title-*, [12.5]px → text-cell, [10.5]px+uppercase+tracking → text-cap) P3: 64 text-sm → text-body (handoff workhorse), 84 text-2xs context-aware (TableCell → text-cell, bare → text-cell, плюс cleanup caps в backticks template literals который Phase 2 пропустил), 25 text-xs (6 → text-mono когда с font-mono, 19 → text-cell), 8 titles text-base/lg → text-title-* P4: убрал --text-2xs override (no users), оставил --text-sm: 13px scoped к @nstart/ui passthrough (см. comment в styles.css — убирается в Stage 3.9) Stats: text-body: 69 | text-cell: 99 | text-mono: 50 | text-cap: 42 text-title-xl: 5 | text-title-lg: 5 | text-title-md: 7 text-sm/text-2xs/text-xs в src/: 0 (только в styles.css комментариях) Поведение всех 277 typography usages теперь явно соответствует handoff — каждое место осознанно выбрано под роль, не плажирующий override.
This commit is contained in:
@@ -119,7 +119,7 @@ export const CascadeConfirmDialog = ({
|
||||
{plan && (
|
||||
<>
|
||||
{/* Header summary */}
|
||||
<p className="text-sm text-ink">
|
||||
<p className="text-body text-ink">
|
||||
{hasBlockers
|
||||
? t('cascade.summary.blocked', {
|
||||
blockers: plan.blockers.length,
|
||||
@@ -137,7 +137,7 @@ export const CascadeConfirmDialog = ({
|
||||
variant="error"
|
||||
title={t('cascade.blockers.title', { count: plan.blockers.length })}
|
||||
>
|
||||
<ul className="space-y-1.5 mt-2 text-2xs">
|
||||
<ul className="space-y-1.5 mt-2 text-cell">
|
||||
{plan.blockers.slice(0, 5).map((b) => (
|
||||
<li key={b.recordId} className="flex items-center gap-2">
|
||||
<XCircleIcon weight="bold" size={12} className="text-aurora shrink-0" />
|
||||
@@ -153,7 +153,7 @@ export const CascadeConfirmDialog = ({
|
||||
</li>
|
||||
)}
|
||||
</ul>
|
||||
<p className="mt-2 text-2xs text-ink-2">
|
||||
<p className="mt-2 text-cell text-ink-2">
|
||||
{t('cascade.blockers.resolveFirst')}
|
||||
</p>
|
||||
</Alert>
|
||||
@@ -164,7 +164,7 @@ export const CascadeConfirmDialog = ({
|
||||
<section className="space-y-2">
|
||||
<div className="flex items-center gap-2">
|
||||
<WarningIcon weight="bold" size={14} className="text-horizon" />
|
||||
<h4 className="text-sm font-sans">
|
||||
<h4 className="text-body font-sans">
|
||||
{t('cascade.cascade.title', { count: plan.cascade.length })}
|
||||
</h4>
|
||||
</div>
|
||||
@@ -176,7 +176,7 @@ export const CascadeConfirmDialog = ({
|
||||
return (
|
||||
<li
|
||||
key={key}
|
||||
className="border border-line rounded-sm px-3 py-2 text-2xs"
|
||||
className="border border-line rounded-sm px-3 py-2 text-cell"
|
||||
>
|
||||
<div className="flex items-center gap-2 mb-1">
|
||||
<span className="font-mono text-accent">
|
||||
@@ -190,7 +190,7 @@ export const CascadeConfirmDialog = ({
|
||||
</Badge>
|
||||
<Badge variant="neutral">{entries.length}</Badge>
|
||||
</div>
|
||||
<ul className="text-2xs text-ink-2 ml-1 space-y-0.5">
|
||||
<ul className="text-cell text-ink-2 ml-1 space-y-0.5">
|
||||
{sample.map((e) => (
|
||||
<li key={e.recordId} className="font-mono">
|
||||
· {e.businessKey}
|
||||
@@ -215,7 +215,7 @@ export const CascadeConfirmDialog = ({
|
||||
variant="warning"
|
||||
title={t('cascade.warnings.title', { count: plan.warnings.length })}
|
||||
>
|
||||
<p className="text-2xs">{t('cascade.warnings.note')}</p>
|
||||
<p className="text-cell">{t('cascade.warnings.note')}</p>
|
||||
</Alert>
|
||||
)}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user