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:
@@ -184,7 +184,7 @@ export const SchemaDrivenForm = ({
|
||||
</div>
|
||||
)}
|
||||
{idSource && (
|
||||
<div className="sm:col-span-2 text-2xs text-mute px-2">
|
||||
<div className="sm:col-span-2 text-cell text-mute px-2">
|
||||
{t('form.idSourceNote', { field: idSource })}
|
||||
</div>
|
||||
)}
|
||||
@@ -337,7 +337,7 @@ const FieldBody = ({
|
||||
name={`data.${fieldKey}.${loc}` as `data.${string}`}
|
||||
render={({ field }) => (
|
||||
<div className="flex items-center gap-3">
|
||||
<span className="text-xs font-mono text-ink-2 normal-case tracking-normal whitespace-nowrap shrink-0 w-14">
|
||||
<span className="text-mono text-ink-2 normal-case tracking-normal whitespace-nowrap shrink-0 w-14">
|
||||
{loc === defaultLocale ? <strong>{loc}</strong> : loc}
|
||||
</span>
|
||||
<div className="flex-1 min-w-0">
|
||||
@@ -599,8 +599,8 @@ const DateTimeField = ({ label, value, defaultTime, onChange, hint, error }: Dat
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
{hint && !error && <p className="text-2xs text-mute mt-1">{hint}</p>}
|
||||
{error && <p className="text-2xs text-mars mt-1">{error}</p>}
|
||||
{hint && !error && <p className="text-cell text-mute mt-1">{hint}</p>}
|
||||
{error && <p className="text-cell text-mars mt-1">{error}</p>}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -797,7 +797,7 @@ const ReferenceSelectField = ({
|
||||
// appearance-none убирает OS default стрелку.
|
||||
// py-2 (8px) match'ит TextInput высоту. pr-10 — место под адорнмент.
|
||||
className={[
|
||||
'w-full appearance-none border rounded-sm pl-3 pr-10 py-2 text-sm font-display',
|
||||
'w-full appearance-none border rounded-sm pl-3 pr-10 py-2 text-body font-display',
|
||||
'bg-white text-black transition-colors',
|
||||
'focus:outline-none focus:ring-1 focus:ring-accent focus:border-accent',
|
||||
errorMsg ? 'border-mars' : 'border-line hover:border-carbon/40',
|
||||
|
||||
Reference in New Issue
Block a user