fix(ui): выровнять KPI IconTile chrome и доступность
Build and Push CFDM Docker Image / build-and-push (push) Successful in 2m15s
Build and Push CFDM Docker Image / create-release (push) Skipped
Build and Push CFDM Docker Image / update-wiki (push) Successful in 6s

Переименовать KpiStats, добавить skip-link и IconTile в kit.

Co-authored-by: Cursor <[email protected]>
This commit is contained in:
Denozordec
2026-08-17 15:36:54 +07:00
co-authored by Cursor
parent ce8393e0c3
commit 7cd86fcda1
21 changed files with 256 additions and 69 deletions
+21
View File
@@ -0,0 +1,21 @@
/**
* CFDM UI surface contract (ReUI Pro).
*
* Ops / list / dashboard / detail / settings: **Frame** only.
* KPI: horizontal compact hybrid via `reui-kit/KpiStatGrid`
* (`IconTile` elevated `size-10.5` + label/Badge + value ± variant).
* Lists: **data-grid-filtering-2** via `reui-kit/ResourcePage`.
*
* @see https://reui.io/preview/base/stats-12
* @see https://reui.io/docs/components/base/icon-tile
* @see https://reui.io/preview/base/data-grid-filtering-2
* @see docs/ui-design-contract.md
*/
export const UI_SURFACE = 'frame' as const
/** Skip link — keyboard: first Tab. */
export const SKIP_TO_CONTENT_CLASS =
'bg-background text-foreground ring-ring sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 focus:z-50 focus:rounded-md focus:px-3 focus:py-2 focus:text-sm focus:font-medium focus:shadow-sm focus:ring-2'
/** Grid for horizontal compact hybrid KPI rows (36 tiles). */
export const kpiStatGridClassName = '@container w-full'