V13-FE-011: finalize search list layout slice

This commit is contained in:
2026-08-09 02:57:26 +09:00
parent 9efd202e76
commit 6422cb2b13
984 changed files with 120811 additions and 1498 deletions
@@ -0,0 +1,322 @@
[
{
"component": "KbxInput",
"group": "input",
"scenarioProfile": "common-input",
"states": [
"default",
"required",
"readonly",
"disabled",
"error",
"keyboard"
]
},
{
"component": "KbxNumberField",
"group": "input",
"scenarioProfile": "common-input",
"states": [
"default",
"required",
"readonly",
"disabled",
"error",
"keyboard"
]
},
{
"component": "KbxMoneyField",
"group": "input",
"scenarioProfile": "common-input",
"states": [
"default",
"required",
"readonly",
"disabled",
"error",
"keyboard"
]
},
{
"component": "KbxQuantityField",
"group": "input",
"scenarioProfile": "common-input",
"states": [
"default",
"required",
"readonly",
"disabled",
"error",
"keyboard"
]
},
{
"component": "KbxDateField",
"group": "input",
"scenarioProfile": "common-input",
"states": [
"default",
"required",
"readonly",
"disabled",
"error",
"keyboard"
]
},
{
"component": "KbxDateRange",
"group": "input",
"scenarioProfile": "common-input",
"states": [
"default",
"required",
"readonly",
"disabled",
"error",
"keyboard"
]
},
{
"component": "KbxSelect",
"group": "input",
"scenarioProfile": "common-input",
"states": [
"default",
"required",
"readonly",
"disabled",
"error",
"keyboard"
]
},
{
"component": "KbxLookup",
"group": "input",
"scenarioProfile": "common-input",
"states": [
"default",
"required",
"readonly",
"disabled",
"error",
"keyboard"
]
},
{
"component": "KbxButton",
"group": "command",
"states": [
"default",
"disabled",
"loading",
"keyboard"
]
},
{
"component": "KbxCommandBar",
"group": "command",
"states": [
"default",
"keyboard"
]
},
{
"component": "KbxSearchPanel",
"group": "command",
"states": [
"default",
"keyboard"
]
},
{
"component": "KbxPageHeader",
"group": "template",
"states": [
"default"
]
},
{
"component": "KbxFormSection",
"group": "template",
"states": [
"default"
]
},
{
"component": "KbxBulkActionBar",
"group": "command",
"states": [
"default",
"disabled"
]
},
{
"component": "KbxStatus",
"group": "feedback",
"states": [
"default"
]
},
{
"component": "KbxToast",
"group": "feedback",
"states": [
"default",
"error"
]
},
{
"component": "KbxConfirm",
"group": "overlay",
"states": [
"default",
"keyboard"
]
},
{
"component": "KbxDialog",
"group": "overlay",
"states": [
"default",
"keyboard"
]
},
{
"component": "KbxDrawer",
"group": "overlay",
"states": [
"default",
"keyboard"
]
},
{
"component": "KbxDataGrid",
"group": "grid",
"states": [
"default",
"keyboard",
"error"
]
},
{
"component": "KbxExcelMenu",
"group": "command",
"states": [
"default",
"keyboard"
]
},
{
"component": "KbxExcelImport",
"group": "template",
"states": [
"default",
"error",
"loading"
]
},
{
"component": "KbxJobProgress",
"group": "feedback",
"states": [
"default",
"loading",
"error"
]
},
{
"component": "KbxAuditTrail",
"group": "feedback",
"states": [
"default"
]
},
{
"component": "KbxHelpPanel",
"group": "overlay",
"states": [
"default",
"keyboard"
]
},
{
"component": "KbxAiPanel",
"group": "overlay",
"states": [
"default",
"loading"
]
},
{
"component": "KbxProposalPanel",
"group": "overlay",
"states": [
"default",
"error"
]
},
{
"component": "KbxListPage",
"group": "template",
"states": [
"default",
"keyboard"
]
},
{
"component": "KbxMasterPage",
"group": "template",
"states": [
"default",
"keyboard"
]
},
{
"component": "KbxTransactionPage",
"group": "template",
"states": [
"default",
"keyboard"
]
},
{
"component": "KbxMasterDetailPage",
"group": "template",
"states": [
"default"
]
},
{
"component": "KbxQueuePage",
"group": "template",
"states": [
"default"
]
},
{
"component": "KbxReconcilePage",
"group": "template",
"states": [
"default",
"error"
]
},
{
"component": "KbxWmsMobilePage",
"group": "wms",
"states": [
"default",
"error",
"keyboard"
]
},
{
"component": "KbxApplicationShell",
"group": "shell",
"states": [
"default",
"keyboard"
]
}
]
@@ -0,0 +1,368 @@
[
{
"name": "KbxButton",
"category": "primitive",
"purpose": "표준 업무 명령 버튼",
"version": "1.0.0"
},
{
"name": "KbxTextField",
"category": "primitive",
"purpose": "표준 문자열 입력",
"version": "1.0.0"
},
{
"name": "KbxDateField",
"category": "primitive",
"purpose": "키보드 직접입력을 포함한 날짜 입력",
"version": "1.0.0"
},
{
"name": "KbxLookup",
"category": "business",
"purpose": "코드/명칭 기반 업무 엔터티 선택",
"version": "1.0.0"
},
{
"name": "KbxLookupDialog",
"category": "business",
"purpose": "Lookup 검색 및 키보드 선택 Dialog",
"version": "1.0.0"
},
{
"name": "KbxSearchPanel",
"category": "business",
"purpose": "조회조건의 고정 배치와 상세조건 확장",
"version": "1.0.0"
},
{
"name": "KbxCommandBar",
"category": "business",
"purpose": "조회/편집/Workflow/출력 명령의 고정 배치",
"version": "1.0.0"
},
{
"name": "KbxDataGrid",
"category": "business",
"purpose": "조회·편집·대량처리용 업무 Grid",
"version": "1.0.0"
},
{
"name": "KbxFormSection",
"category": "business",
"purpose": "Master/Transaction 입력 Section",
"version": "1.0.0"
},
{
"name": "KbxValidationSummary",
"category": "business",
"purpose": "저장 실패 입력 오류의 요약 및 이동",
"version": "1.0.0"
},
{
"name": "KbxStatus",
"category": "business",
"purpose": "Domain 상태를 일관된 semantic 상태로 표시",
"version": "1.0.0"
},
{
"name": "KbxHelpPanel",
"category": "business",
"purpose": "화면 목적·사용순서·단축키·주의사항 도움말",
"version": "1.0.0"
},
{
"name": "KbxListPage",
"category": "template",
"purpose": "조회형 표준 화면",
"version": "1.0.0"
},
{
"name": "KbxTransactionPage",
"category": "template",
"purpose": "Header/Detail 거래형 표준 화면",
"version": "1.0.0"
},
{
"name": "KbxMasterPage",
"category": "template",
"purpose": "기준정보 목록/상세 표준 화면",
"version": "1.0.0"
},
{
"name": "KbxMasterDetailPage",
"category": "template",
"purpose": "Master/Detail 탐색형 표준 화면",
"version": "1.0.0"
},
{
"name": "KbxWmsMobilePage",
"category": "wms",
"purpose": "PDA/Scanner 현장 작업 Shell",
"version": "1.0.0"
},
{
"name": "KbxBarcodeCapture",
"category": "wms",
"purpose": "Keyboard-wedge/수동 바코드 입력 수집",
"version": "1.0.0"
},
{
"name": "KbxNetworkIndicator",
"category": "wms",
"purpose": "현장 네트워크 및 대기 Command 상태 표시",
"version": "1.0.0"
},
{
"name": "KbxWmsActionButton",
"category": "wms",
"purpose": "장갑/터치 환경용 주요 업무 CTA",
"version": "1.0.0"
},
{
"name": "KbxExcelMenu",
"category": "business",
"purpose": "업무 화면의 Excel 다운로드·업로드 진입점",
"version": "1.0.0"
},
{
"name": "KbxExcelImport",
"category": "business",
"purpose": "파일·매핑·검증·반영 공통 Excel Import 흐름",
"version": "1.0.0"
},
{
"name": "KbxJobProgress",
"category": "business",
"purpose": "Hangfire 장시간 작업 진행상태 표시",
"version": "1.0.0"
},
{
"name": "KbxImportPage",
"category": "template",
"purpose": "Excel Import 전용 표준 화면",
"version": "1.0.0"
},
{
"name": "KbxExceptionCenter",
"category": "business",
"purpose": "예외 요약·목록·상세·안전한 후속 Action을 결합한 운영 컴포넌트",
"version": "1.0.0"
},
{
"name": "KbxExceptionSummary",
"category": "business",
"purpose": "업무 예외 유형별 건수와 빠른 필터",
"version": "1.0.0"
},
{
"name": "KbxExceptionDetailDrawer",
"category": "business",
"purpose": "예외 원인·대상·다음 행동을 맥락 유지 상태에서 처리",
"version": "1.0.0"
},
{
"name": "KbxWorkQueuePage",
"category": "template",
"purpose": "사용자가 지금 처리해야 할 업무와 예외를 우선하는 Queue 화면",
"version": "1.0.0"
},
{
"name": "KbxReconcilePage",
"category": "template",
"purpose": "Expected/Actual/Difference 기반 정합성 대사 화면",
"version": "1.0.0"
},
{
"name": "KbxUtilityRail",
"category": "business",
"purpose": "도움말·AI·사용자 제안을 동일한 우측 보조영역에 통합",
"version": "1.0.0"
},
{
"name": "KbxAiAssistant",
"category": "business",
"purpose": "현재 화면 Context 기반 설명·추천·제안 진입점",
"version": "1.0.0"
},
{
"name": "KbxUserSuggestionPanel",
"category": "business",
"purpose": "현재 화면 맥락을 포함한 저마찰 사용자 개선 제안",
"version": "1.0.0"
},
{
"name": "KbxRuntimeBanner",
"category": "business",
"purpose": "장애·읽기전용·오프라인 등 현재 운영모드를 화면 상단에 명확히 표시",
"version": "1.0.0"
},
{
"name": "KbxFreshnessIndicator",
"category": "business",
"purpose": "조회 데이터의 관측시각과 stale 여부를 표시하고 재조회를 제공",
"version": "1.0.0"
},
{
"name": "KbxConflictResolver",
"category": "business",
"purpose": "낙관적 동시성 충돌 시 내 화면과 최신 값을 비교하고 안전하게 다시 읽기",
"version": "1.0.0"
},
{
"name": "KbxOperationCenter",
"category": "business",
"purpose": "Excel·대량처리·연계 등 장시간 작업의 진행률과 결과를 지속적으로 표시",
"version": "1.0.0"
},
{
"name": "KbxNotificationCenter",
"category": "business",
"purpose": "사용자가 확인해야 할 완료·부분실패·운영 알림을 비차단 방식으로 제공",
"version": "1.0.0"
},
{
"name": "KbxWorkflowBar",
"category": "business",
"purpose": "현재 업무상태·표준 상태흐름·허용 전이를 한 위치에서 표현",
"version": "1.0.0"
},
{
"name": "KbxGlobalHeader",
"category": "shell",
"purpose": "제품·모듈·메뉴검색·운영알림을 고정 배치하는 전역 Header",
"version": "1.0.0"
},
{
"name": "KbxSideNavigation",
"category": "shell",
"purpose": "즐겨찾기·최근메뉴·모듈별 업무메뉴를 동일 문법으로 탐색",
"version": "1.0.0"
},
{
"name": "KbxWorkspaceTabs",
"category": "shell",
"purpose": "최대 표시범위와 Overflow를 가진 다중 업무 Workspace Tab",
"version": "1.0.0"
},
{
"name": "KbxMenuSearch",
"category": "shell",
"purpose": "메뉴명·화면코드·업무 키워드 기반 저학습 메뉴검색",
"version": "1.0.0"
},
{
"name": "KbxApplicationShell",
"category": "shell",
"purpose": "Global Header·Side Navigation·Workspace Tabs·업무영역을 통합하는 Application Shell",
"version": "1.0.0"
},
{
"name": "KbxUnsavedChangesDialog",
"category": "shell",
"purpose": "Workspace 이동·종료 시 미저장 변경의 유지·폐기·저장후이동을 표준화",
"version": "1.0.0"
},
{
"name": "KbxInput",
"category": "primitive",
"purpose": "표준 문자열 입력의 canonical API",
"version": "1.1.0"
},
{
"name": "KbxNumberField",
"category": "primitive",
"purpose": "숫자 입력·표시 형식을 분리한 공통 숫자 입력",
"version": "1.0.0"
},
{
"name": "KbxMoneyField",
"category": "business",
"purpose": "통화·정밀도·음수정책을 포함한 금액 입력",
"version": "1.0.0"
},
{
"name": "KbxQuantityField",
"category": "business",
"purpose": "단위·가용수량을 포함한 업무 수량 입력",
"version": "1.0.0"
},
{
"name": "KbxDateRange",
"category": "business",
"purpose": "ERP 조회용 시작일·종료일 범위 입력",
"version": "1.0.0"
},
{
"name": "KbxSelect",
"category": "primitive",
"purpose": "짧고 고정된 Enum 선택",
"version": "1.0.0"
},
{
"name": "KbxPageHeader",
"category": "business",
"purpose": "화면명·경로·Utility 진입점의 고정 배치",
"version": "1.0.0"
},
{
"name": "KbxBulkActionBar",
"category": "business",
"purpose": "선택 건수와 대량 업무 Action의 공통 표현",
"version": "1.0.0"
},
{
"name": "KbxDialog",
"category": "primitive",
"purpose": "위험확정·짧은 Lookup·사유입력용 제한적 Modal",
"version": "1.0.0"
},
{
"name": "KbxDrawer",
"category": "primitive",
"purpose": "조회맥락을 유지하는 상세·Audit·Help 보조영역",
"version": "1.0.0"
},
{
"name": "KbxToast",
"category": "business",
"purpose": "시간이 지나도 해결이 필요하지 않은 성공·정보 Feedback",
"version": "1.0.0"
},
{
"name": "KbxConfirm",
"category": "business",
"purpose": "위험 수준과 업무 결과를 설명하는 확인 UX",
"version": "1.0.0"
},
{
"name": "KbxAuditTrail",
"category": "business",
"purpose": "사용자 관점의 변경 전·후·행위자·사유 이력 표시",
"version": "1.0.0"
},
{
"name": "KbxProposalPanel",
"category": "business",
"purpose": "AI 변경 제안을 실제 반영 전 검토·승인하는 공통 패턴",
"version": "1.0.0"
},
{
"name": "KbxAiPanel",
"category": "business",
"purpose": "KbxAiAssistant의 표준 명칭 호환 API",
"version": "1.0.0"
},
{
"name": "KbxFastEntryPage",
"category": "template",
"purpose": "Enter·Paste 중심 대량 행 입력 화면",
"version": "1.0.0"
},
{
"name": "KbxQueuePage",
"category": "template",
"purpose": "Work Summary·Exception·Queue·Quick Action 표준 Template",
"version": "1.0.0"
}
]
@@ -0,0 +1,7 @@
{
"version": "0.0.0",
"source": null,
"sourceSha256": null,
"count": 0,
"fields": []
}
@@ -0,0 +1,74 @@
[
{
"screenId": "OMS-ORD-001",
"path": "/oms/orders",
"section": "주문",
"order": 10
},
{
"screenId": "OMS-ORD-002",
"path": "/oms/orders/new",
"section": "주문",
"order": 20
},
{
"screenId": "OMS-ORD-003",
"path": "/oms/orders/import",
"section": "주문",
"order": 30
},
{
"screenId": "OMS-CLM-001",
"path": "/oms/claims",
"section": "CS/클레임",
"order": 40
},
{
"screenId": "ERP-MST-ITEM-001",
"path": "/erp/items",
"section": "기준정보",
"order": 10
},
{
"screenId": "ERP-PUR-001",
"path": "/erp/purchases/new",
"section": "구매",
"order": 20
},
{
"screenId": "ERP-INV-001",
"path": "/erp/inventory",
"section": "재고",
"order": 30
},
{
"screenId": "ERP-INV-MOVE-001",
"path": "/erp/inventory-moves/new",
"section": "재고",
"order": 40
},
{
"screenId": "WMS-WORK-001",
"path": "/wms/work",
"section": "작업관리",
"order": 10
},
{
"screenId": "COMMON-OPS-001",
"path": "/operations/exceptions",
"section": "운영",
"order": 10
},
{
"screenId": "COMMON-REC-001",
"path": "/operations/reconcile",
"section": "운영",
"order": 20
},
{
"screenId": "COMMON-DS-001",
"path": "/internal/kbx/catalog",
"section": "KBX",
"order": 90
}
]
@@ -0,0 +1,194 @@
[
{
"id": "COMMON-DS-001",
"version": "1.0.0",
"module": "COMMON",
"type": "list",
"title": "KBX 컴포넌트 카탈로그",
"helpKey": "COMMON-DS-001",
"requiredPermissions": [
"kbx.design.read"
],
"source": "apps/web/src/modules/common/design-system/design-system.definition.ts"
},
{
"id": "COMMON-OPS-001",
"version": "1.0.0",
"module": "COMMON",
"type": "queue",
"title": "업무 예외 센터",
"helpKey": "COMMON-OPS-001",
"requiredPermissions": [
"common.operations.read"
],
"source": "apps/web/src/modules/common/operations/operations.definition.ts"
},
{
"id": "COMMON-REC-001",
"version": "1.0.0",
"module": "COMMON",
"type": "reconcile",
"title": "업무 데이터 대사",
"helpKey": "COMMON-REC-001",
"requiredPermissions": [
"common.reconcile.read"
],
"source": "apps/web/src/modules/common/reconcile/reconcile.definition.ts"
},
{
"id": "ERP-INV-001",
"version": "1.0.0",
"module": "ERP",
"type": "master-detail",
"title": "재고현황",
"helpKey": "ERP-INV-001",
"requiredPermissions": [
"erp.inventory.read"
],
"source": "apps/web/src/modules/erp/inventory/inventory.definition.ts"
},
{
"id": "ERP-INV-MOVE-001",
"version": "1.0.0",
"module": "ERP",
"type": "transaction",
"title": "재고이동",
"helpKey": "ERP-INV-MOVE-001",
"requiredPermissions": [
"erp.inventory.move.read"
],
"source": "apps/web/src/modules/erp/inventory-move/inventory-move.definition.ts"
},
{
"id": "ERP-MST-ITEM-001",
"version": "1.0.0",
"module": "ERP",
"type": "master",
"title": "품목관리",
"helpKey": "ERP-MST-ITEM-001",
"requiredPermissions": [
"erp.item.read"
],
"source": "apps/web/src/modules/erp/items/item.definition.ts"
},
{
"id": "ERP-PUR-001",
"version": "1.0.0",
"module": "ERP",
"type": "transaction",
"title": "구매등록",
"helpKey": "ERP-PUR-001",
"requiredPermissions": [
"erp.purchase.read"
],
"source": "apps/web/src/modules/erp/purchases/purchase.definition.ts"
},
{
"id": "OMS-CLM-001",
"version": "1.0.0",
"module": "OMS",
"type": "list",
"title": "반품·클레임 관리",
"helpKey": "OMS-CLM-001",
"requiredPermissions": [
"oms.claim.read"
],
"source": "apps/web/src/modules/oms/claims/claims.definition.ts"
},
{
"id": "OMS-ORD-001",
"version": "1.0.0",
"module": "OMS",
"type": "list",
"title": "주문관리",
"helpKey": "OMS-ORD-001",
"requiredPermissions": [
"oms.order.read"
],
"source": "apps/web/src/modules/oms/orders/search/order-list.definition.ts"
},
{
"id": "OMS-ORD-002",
"version": "1.0.0",
"module": "OMS",
"type": "transaction",
"title": "주문등록",
"helpKey": "OMS-ORD-002",
"requiredPermissions": [
"oms.order.create"
],
"source": "apps/web/src/modules/oms/orders/register/order-register.definition.ts"
},
{
"id": "OMS-ORD-003",
"version": "1.0.0",
"module": "OMS",
"type": "import",
"title": "주문 Excel 업로드",
"helpKey": "OMS-ORD-003",
"requiredPermissions": [
"oms.order.import"
],
"source": "apps/web/src/modules/oms/orders/import/order-import.definition.ts"
},
{
"id": "WMS-COUNT-001",
"version": "1.0.0",
"module": "WMS",
"type": "wms-mobile",
"title": "재고실사",
"helpKey": "WMS-COUNT-001",
"requiredPermissions": [
"wms.inventory.count"
],
"source": "apps/web/src/modules/wms/counting/counting.definition.ts"
},
{
"id": "WMS-PICK-001",
"version": "1.0.0",
"module": "WMS",
"type": "wms-mobile",
"title": "출고 피킹",
"helpKey": "WMS-PICK-001",
"requiredPermissions": [
"wms.picking.execute"
],
"source": "apps/web/src/modules/wms/picking/picking.definition.ts"
},
{
"id": "WMS-PUT-001",
"version": "1.0.0",
"module": "WMS",
"type": "wms-mobile",
"title": "입고 적치",
"helpKey": "WMS-PUT-001",
"requiredPermissions": [
"wms.putaway.execute"
],
"source": "apps/web/src/modules/wms/putaway/putaway.definition.ts"
},
{
"id": "WMS-REC-001",
"version": "1.0.0",
"module": "WMS",
"type": "wms-mobile",
"title": "입고 검수",
"helpKey": "WMS-REC-001",
"requiredPermissions": [
"wms.receiving.execute"
],
"source": "apps/web/src/modules/wms/receiving/receiving.definition.ts"
},
{
"id": "WMS-WORK-001",
"version": "1.0.0",
"module": "WMS",
"type": "queue",
"title": "물류 작업",
"helpKey": "WMS-WORK-001",
"requiredPermissions": [
"wms.work.read"
],
"source": "apps/web/src/modules/wms/work/work.definition.ts"
}
]
@@ -0,0 +1,409 @@
{
"version": "1.1.0",
"tokens": [
{
"path": "typography.fontFamily",
"css": "--kbx-font-family",
"type": "fontFamily",
"role": "primitive",
"value": "Pretendard, \"Apple SD Gothic Neo\", \"Noto Sans KR\", Arial, sans-serif",
"description": "업무 기본 Font Stack"
},
{
"path": "typography.size.xs",
"css": "--kbx-font-xs",
"type": "dimension",
"role": "primitive",
"value": "12px"
},
{
"path": "typography.size.sm",
"css": "--kbx-font-sm",
"type": "dimension",
"role": "primitive",
"value": "13px"
},
{
"path": "typography.size.md",
"css": "--kbx-font-md",
"type": "dimension",
"role": "primitive",
"value": "14px"
},
{
"path": "typography.size.lg",
"css": "--kbx-font-lg",
"type": "dimension",
"role": "primitive",
"value": "16px"
},
{
"path": "typography.size.xl",
"css": "--kbx-font-xl",
"type": "dimension",
"role": "primitive",
"value": "18px"
},
{
"path": "typography.size.2xl",
"css": "--kbx-font-2xl",
"type": "dimension",
"role": "primitive",
"value": "20px"
},
{
"path": "color.white",
"css": "--kbx-white",
"type": "color",
"role": "primitive",
"value": "#ffffff"
},
{
"path": "color.gray.25",
"css": "--kbx-gray-25",
"type": "color",
"role": "primitive",
"value": "#fcfcfd"
},
{
"path": "color.gray.50",
"css": "--kbx-gray-50",
"type": "color",
"role": "primitive",
"value": "#f9fafb"
},
{
"path": "color.gray.100",
"css": "--kbx-gray-100",
"type": "color",
"role": "primitive",
"value": "#f2f4f7"
},
{
"path": "color.gray.200",
"css": "--kbx-gray-200",
"type": "color",
"role": "primitive",
"value": "#e4e7ec"
},
{
"path": "color.gray.300",
"css": "--kbx-gray-300",
"type": "color",
"role": "primitive",
"value": "#d0d5dd"
},
{
"path": "color.gray.400",
"css": "--kbx-gray-400",
"type": "color",
"role": "primitive",
"value": "#98a2b3"
},
{
"path": "color.gray.500",
"css": "--kbx-gray-500",
"type": "color",
"role": "primitive",
"value": "#667085"
},
{
"path": "color.gray.700",
"css": "--kbx-gray-700",
"type": "color",
"role": "primitive",
"value": "#344054"
},
{
"path": "color.gray.900",
"css": "--kbx-gray-900",
"type": "color",
"role": "primitive",
"value": "#101828"
},
{
"path": "color.blue.600",
"css": "--kbx-blue-600",
"type": "color",
"role": "primitive",
"value": "#175cd3"
},
{
"path": "color.green.600",
"css": "--kbx-green-600",
"type": "color",
"role": "primitive",
"value": "#039855"
},
{
"path": "color.orange.500",
"css": "--kbx-orange-500",
"type": "color",
"role": "primitive",
"value": "#f79009"
},
{
"path": "color.red.600",
"css": "--kbx-red-600",
"type": "color",
"role": "primitive",
"value": "#d92d20"
},
{
"path": "semantic.surface.default",
"css": "--kbx-color-surface",
"type": "color",
"role": "semantic",
"value": "{color.white}"
},
{
"path": "semantic.surface.muted",
"css": "--kbx-color-surface-muted",
"type": "color",
"role": "semantic",
"value": "{color.gray.50}"
},
{
"path": "semantic.surface.subtle",
"css": "--kbx-color-surface-subtle",
"type": "color",
"role": "semantic",
"value": "{color.gray.100}"
},
{
"path": "semantic.surface.hover",
"css": "--kbx-color-surface-hover",
"type": "color",
"role": "semantic",
"value": "#f3f7fd"
},
{
"path": "semantic.text.default",
"css": "--kbx-color-text",
"type": "color",
"role": "semantic",
"value": "#1d2939"
},
{
"path": "semantic.text.muted",
"css": "--kbx-color-text-muted",
"type": "color",
"role": "semantic",
"value": "{color.gray.500}"
},
{
"path": "semantic.border.default",
"css": "--kbx-color-border",
"type": "color",
"role": "semantic",
"value": "{color.gray.200}"
},
{
"path": "semantic.border.strong",
"css": "--kbx-color-border-strong",
"type": "color",
"role": "semantic",
"value": "{color.gray.400}"
},
{
"path": "semantic.action.primary",
"css": "--kbx-color-primary",
"type": "color",
"role": "semantic",
"value": "{color.blue.600}"
},
{
"path": "semantic.status.success",
"css": "--kbx-color-success",
"type": "color",
"role": "semantic",
"value": "{color.green.600}"
},
{
"path": "semantic.status.warning",
"css": "--kbx-color-warning",
"type": "color",
"role": "semantic",
"value": "{color.orange.500}"
},
{
"path": "semantic.status.danger",
"css": "--kbx-color-danger",
"type": "color",
"role": "semantic",
"value": "{color.red.600}"
},
{
"path": "semantic.focus",
"css": "--kbx-color-focus",
"type": "color",
"role": "semantic",
"value": "#1570ef"
},
{
"path": "semantic.overlay",
"css": "--kbx-color-overlay",
"type": "color",
"role": "semantic",
"value": "rgba(16, 24, 40, .38)"
},
{
"path": "spacing.0",
"css": "--kbx-space-0",
"type": "dimension",
"role": "primitive",
"value": "0"
},
{
"path": "spacing.1",
"css": "--kbx-space-1",
"type": "dimension",
"role": "primitive",
"value": "4px"
},
{
"path": "spacing.2",
"css": "--kbx-space-2",
"type": "dimension",
"role": "primitive",
"value": "8px"
},
{
"path": "spacing.3",
"css": "--kbx-space-3",
"type": "dimension",
"role": "primitive",
"value": "12px"
},
{
"path": "spacing.4",
"css": "--kbx-space-4",
"type": "dimension",
"role": "primitive",
"value": "16px"
},
{
"path": "spacing.5",
"css": "--kbx-space-5",
"type": "dimension",
"role": "primitive",
"value": "20px"
},
{
"path": "spacing.6",
"css": "--kbx-space-6",
"type": "dimension",
"role": "primitive",
"value": "24px"
},
{
"path": "spacing.8",
"css": "--kbx-space-8",
"type": "dimension",
"role": "primitive",
"value": "32px"
},
{
"path": "spacing.10",
"css": "--kbx-space-10",
"type": "dimension",
"role": "primitive",
"value": "40px"
},
{
"path": "spacing.12",
"css": "--kbx-space-12",
"type": "dimension",
"role": "primitive",
"value": "48px"
},
{
"path": "radius.sm",
"css": "--kbx-radius-sm",
"type": "dimension",
"role": "primitive",
"value": "4px"
},
{
"path": "radius.md",
"css": "--kbx-radius-md",
"type": "dimension",
"role": "primitive",
"value": "6px"
},
{
"path": "radius.lg",
"css": "--kbx-radius-lg",
"type": "dimension",
"role": "primitive",
"value": "8px"
},
{
"path": "component.control.height",
"css": "--kbx-control-height",
"type": "dimension",
"role": "component",
"value": "34px",
"description": "Desktop compact input/button baseline"
},
{
"path": "component.grid.rowHeight",
"css": "--kbx-grid-row-height",
"type": "dimension",
"role": "component",
"value": "34px"
},
{
"path": "component.grid.headerHeight",
"css": "--kbx-grid-header-height",
"type": "dimension",
"role": "component",
"value": "36px"
},
{
"path": "component.pageHeader.height",
"css": "--kbx-page-header-height",
"type": "dimension",
"role": "component",
"value": "48px"
},
{
"path": "component.commandBar.height",
"css": "--kbx-command-bar-height",
"type": "dimension",
"role": "component",
"value": "44px"
},
{
"path": "component.form.labelWidth",
"css": "--kbx-label-width",
"type": "dimension",
"role": "component",
"value": "96px"
},
{
"path": "component.touch.controlHeight",
"css": "--kbx-control-touch",
"type": "dimension",
"role": "component",
"value": "52px"
}
],
"modes": {
"compact": {
"component.control.height": "34px",
"component.grid.rowHeight": "34px",
"component.grid.headerHeight": "36px"
},
"comfortable": {
"component.control.height": "38px",
"component.grid.rowHeight": "40px",
"component.grid.headerHeight": "40px"
},
"touch": {
"component.control.height": "52px",
"component.grid.rowHeight": "52px",
"component.grid.headerHeight": "48px"
}
}
}