kjh2064
c41e5063b7
Removed entire kbx-foundation-v36 directory as it's been replaced by the new KBX Foundation v4 patterns implemented in this session: - Registry-driven screen definitions - Density-aware UI adapter components - Feature module templates (ShadowRun, Models) Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
1176 lines
30 KiB
JSON
1176 lines
30 KiB
JSON
{
|
|
"schemaVersion": "1.0",
|
|
"tokenVersion": "1.10.0",
|
|
"collections": {
|
|
"KBX Primitive": [
|
|
{
|
|
"name": "typography.fontFamily",
|
|
"type": "fontFamily",
|
|
"value": "Pretendard, \"Apple SD Gothic Neo\", \"Noto Sans KR\", Arial, sans-serif",
|
|
"description": "업무 기본 Font Stack"
|
|
},
|
|
{
|
|
"name": "typography.size.xs",
|
|
"type": "dimension",
|
|
"value": "12px",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "typography.size.sm",
|
|
"type": "dimension",
|
|
"value": "13px",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "typography.size.md",
|
|
"type": "dimension",
|
|
"value": "14px",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "typography.size.lg",
|
|
"type": "dimension",
|
|
"value": "16px",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "typography.size.xl",
|
|
"type": "dimension",
|
|
"value": "18px",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "typography.size.2xl",
|
|
"type": "dimension",
|
|
"value": "20px",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "color.white",
|
|
"type": "color",
|
|
"value": "#ffffff",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "color.gray.25",
|
|
"type": "color",
|
|
"value": "#fcfcfd",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "color.gray.50",
|
|
"type": "color",
|
|
"value": "#f9fafb",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "color.gray.100",
|
|
"type": "color",
|
|
"value": "#f2f4f7",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "color.gray.200",
|
|
"type": "color",
|
|
"value": "#e4e7ec",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "color.gray.300",
|
|
"type": "color",
|
|
"value": "#d0d5dd",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "color.gray.400",
|
|
"type": "color",
|
|
"value": "#98a2b3",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "color.gray.500",
|
|
"type": "color",
|
|
"value": "#667085",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "color.gray.700",
|
|
"type": "color",
|
|
"value": "#344054",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "color.gray.900",
|
|
"type": "color",
|
|
"value": "#101828",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "color.blue.600",
|
|
"type": "color",
|
|
"value": "#175cd3",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "color.green.600",
|
|
"type": "color",
|
|
"value": "#039855",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "color.orange.500",
|
|
"type": "color",
|
|
"value": "#f79009",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "color.red.600",
|
|
"type": "color",
|
|
"value": "#d92d20",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "spacing.0",
|
|
"type": "dimension",
|
|
"value": "0",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "spacing.1",
|
|
"type": "dimension",
|
|
"value": "4px",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "spacing.2",
|
|
"type": "dimension",
|
|
"value": "8px",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "spacing.3",
|
|
"type": "dimension",
|
|
"value": "12px",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "spacing.4",
|
|
"type": "dimension",
|
|
"value": "16px",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "spacing.5",
|
|
"type": "dimension",
|
|
"value": "20px",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "spacing.6",
|
|
"type": "dimension",
|
|
"value": "24px",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "spacing.8",
|
|
"type": "dimension",
|
|
"value": "32px",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "spacing.10",
|
|
"type": "dimension",
|
|
"value": "40px",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "spacing.12",
|
|
"type": "dimension",
|
|
"value": "48px",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "radius.sm",
|
|
"type": "dimension",
|
|
"value": "4px",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "radius.md",
|
|
"type": "dimension",
|
|
"value": "6px",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "radius.lg",
|
|
"type": "dimension",
|
|
"value": "8px",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "border.width.default",
|
|
"type": "dimension",
|
|
"value": "1px",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "border.width.accent",
|
|
"type": "dimension",
|
|
"value": "4px",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "radius.pill",
|
|
"type": "dimension",
|
|
"value": "999px",
|
|
"description": ""
|
|
}
|
|
],
|
|
"KBX Semantic": [
|
|
{
|
|
"name": "semantic.surface.default",
|
|
"type": "color",
|
|
"value": "{color.white}",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.surface.muted",
|
|
"type": "color",
|
|
"value": "{color.gray.50}",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.surface.subtle",
|
|
"type": "color",
|
|
"value": "{color.gray.100}",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.surface.hover",
|
|
"type": "color",
|
|
"value": "#f3f7fd",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.text.default",
|
|
"type": "color",
|
|
"value": "#1d2939",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.text.muted",
|
|
"type": "color",
|
|
"value": "{color.gray.500}",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.border.default",
|
|
"type": "color",
|
|
"value": "{color.gray.200}",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.border.strong",
|
|
"type": "color",
|
|
"value": "{color.gray.400}",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.action.primary",
|
|
"type": "color",
|
|
"value": "{color.blue.600}",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.status.success",
|
|
"type": "color",
|
|
"value": "{color.green.600}",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.status.warning",
|
|
"type": "color",
|
|
"value": "{color.orange.500}",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.status.danger",
|
|
"type": "color",
|
|
"value": "{color.red.600}",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.focus",
|
|
"type": "color",
|
|
"value": "#1570ef",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.overlay",
|
|
"type": "color",
|
|
"value": "rgba(16, 24, 40, .38)",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.surface.workspace",
|
|
"type": "color",
|
|
"value": "#f5f7fa",
|
|
"description": "업무 Workspace 배경. 카드 장식이 아니라 작업면 분리를 위한 저채도 surface."
|
|
},
|
|
{
|
|
"name": "semantic.surface.shellChrome",
|
|
"type": "color",
|
|
"value": "#ffffff",
|
|
"description": "Global Header/Page Header/Command chrome surface."
|
|
},
|
|
{
|
|
"name": "semantic.surface.navigation",
|
|
"type": "color",
|
|
"value": "#fbfcfe",
|
|
"description": "Side navigation 전용 surface."
|
|
},
|
|
{
|
|
"name": "semantic.surface.sectionHeading",
|
|
"type": "color",
|
|
"value": "#f7f9fc",
|
|
"description": "업무 Section heading/step surface."
|
|
},
|
|
{
|
|
"name": "semantic.module.accent",
|
|
"type": "color",
|
|
"value": "{color.blue.600}",
|
|
"description": "현재 모듈 식별용 accent. 상태/위험 의미로 사용 금지."
|
|
},
|
|
{
|
|
"name": "semantic.module.accentSurface",
|
|
"type": "color",
|
|
"value": "#eff8ff",
|
|
"description": "모듈 식별용 저채도 surface. 업무 상태 색상과 분리."
|
|
},
|
|
{
|
|
"name": "semantic.module.accentBorder",
|
|
"type": "color",
|
|
"value": "#b2ddff",
|
|
"description": "모듈 식별용 border."
|
|
},
|
|
{
|
|
"name": "semantic.shadow.shell",
|
|
"type": "shadow",
|
|
"value": "0 1px 2px rgba(16,24,40,.05)",
|
|
"description": "업무 chrome/work surface의 최소 계층 shadow."
|
|
},
|
|
{
|
|
"name": "semantic.status.infoSurface",
|
|
"type": "color",
|
|
"value": "#eff8ff",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.status.infoBorder",
|
|
"type": "color",
|
|
"value": "#b2ddff",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.status.successSurface",
|
|
"type": "color",
|
|
"value": "#ecfdf3",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.status.successBorder",
|
|
"type": "color",
|
|
"value": "#abefc6",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.status.warningSurface",
|
|
"type": "color",
|
|
"value": "#fffaeb",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.status.warningBorder",
|
|
"type": "color",
|
|
"value": "#fedf89",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.status.warningText",
|
|
"type": "color",
|
|
"value": "#b54708",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.status.dangerSurface",
|
|
"type": "color",
|
|
"value": "#fef3f2",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.status.dangerBorder",
|
|
"type": "color",
|
|
"value": "#fecdca",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.state.changedSurface",
|
|
"type": "color",
|
|
"value": "{semantic.status.infoSurface}",
|
|
"description": "사용자가 수정한 값/셀 배경"
|
|
},
|
|
{
|
|
"name": "semantic.state.changedBorder",
|
|
"type": "color",
|
|
"value": "#84adff",
|
|
"description": "사용자가 수정한 값/셀 경계"
|
|
},
|
|
{
|
|
"name": "semantic.state.aiSurface",
|
|
"type": "color",
|
|
"value": "#f4f3ff",
|
|
"description": "AI가 제안한 값 배경"
|
|
},
|
|
{
|
|
"name": "semantic.state.aiBorder",
|
|
"type": "color",
|
|
"value": "#c3b5fd",
|
|
"description": "AI가 제안한 값 경계"
|
|
},
|
|
{
|
|
"name": "semantic.state.aiText",
|
|
"type": "color",
|
|
"value": "#5925dc",
|
|
"description": "AI 제안 상태 텍스트"
|
|
},
|
|
{
|
|
"name": "semantic.shadow.overlay",
|
|
"type": "shadow",
|
|
"value": "0 16px 40px rgba(16,24,40,.18)",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.z.runtimePanel",
|
|
"type": "number",
|
|
"value": "120",
|
|
"description": ""
|
|
},
|
|
{
|
|
"name": "semantic.accessibility.visuallyHiddenSize",
|
|
"type": "dimension",
|
|
"value": "1px",
|
|
"description": "시각 숨김 접근성 텍스트 크기"
|
|
}
|
|
],
|
|
"KBX Component": [
|
|
{
|
|
"name": "component.control.height",
|
|
"type": "dimension",
|
|
"value": "34px",
|
|
"description": "Desktop compact input/button baseline",
|
|
"modes": {
|
|
"compact": "34px",
|
|
"comfortable": "38px",
|
|
"touch": "52px"
|
|
}
|
|
},
|
|
{
|
|
"name": "component.grid.rowHeight",
|
|
"type": "dimension",
|
|
"value": "34px",
|
|
"description": "",
|
|
"modes": {
|
|
"compact": "34px",
|
|
"comfortable": "40px",
|
|
"touch": "52px"
|
|
}
|
|
},
|
|
{
|
|
"name": "component.grid.headerHeight",
|
|
"type": "dimension",
|
|
"value": "36px",
|
|
"description": "",
|
|
"modes": {
|
|
"compact": "36px",
|
|
"comfortable": "40px",
|
|
"touch": "48px"
|
|
}
|
|
},
|
|
{
|
|
"name": "component.pageHeader.height",
|
|
"type": "dimension",
|
|
"value": "48px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.commandBar.height",
|
|
"type": "dimension",
|
|
"value": "44px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.form.labelWidth",
|
|
"type": "dimension",
|
|
"value": "96px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.touch.controlHeight",
|
|
"type": "dimension",
|
|
"value": "52px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.control.xs",
|
|
"type": "dimension",
|
|
"value": "28px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.control.sm",
|
|
"type": "dimension",
|
|
"value": "32px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.control.md",
|
|
"type": "dimension",
|
|
"value": "36px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.control.lg",
|
|
"type": "dimension",
|
|
"value": "40px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.form.textareaMinHeight",
|
|
"type": "dimension",
|
|
"value": "96px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.checkbox.size",
|
|
"type": "dimension",
|
|
"value": "16px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.checkbox.track",
|
|
"type": "dimension",
|
|
"value": "24px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.screen.inlinePadding",
|
|
"type": "dimension",
|
|
"value": "12px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.screen.sectionGap",
|
|
"type": "dimension",
|
|
"value": "8px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.screen.contentMinHeight",
|
|
"type": "dimension",
|
|
"value": "240px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.master.listMinWidth",
|
|
"type": "dimension",
|
|
"value": "240px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.master.listCompactWidth",
|
|
"type": "dimension",
|
|
"value": "280px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.master.masterWidth",
|
|
"type": "dimension",
|
|
"value": "42%",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.masterDetail.minHeight",
|
|
"type": "dimension",
|
|
"value": "360px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.masterDetail.bottomMinHeight",
|
|
"type": "dimension",
|
|
"value": "160px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.masterDetail.masterMinSm",
|
|
"type": "dimension",
|
|
"value": "320px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.masterDetail.masterMinMd",
|
|
"type": "dimension",
|
|
"value": "380px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.masterDetail.masterMinLg",
|
|
"type": "dimension",
|
|
"value": "460px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.navigation.sideWidth",
|
|
"type": "dimension",
|
|
"value": "220px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.navigation.sideCollapsedWidth",
|
|
"type": "dimension",
|
|
"value": "56px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.home.maxWidth",
|
|
"type": "dimension",
|
|
"value": "1280px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.home.searchMaxWidth",
|
|
"type": "dimension",
|
|
"value": "520px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.home.headerMinHeight",
|
|
"type": "dimension",
|
|
"value": "72px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.home.attentionHeight",
|
|
"type": "dimension",
|
|
"value": "44px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.home.linkHeight",
|
|
"type": "dimension",
|
|
"value": "36px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.home.moduleColumn",
|
|
"type": "dimension",
|
|
"value": "56px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.home.moduleHeaderHeight",
|
|
"type": "dimension",
|
|
"value": "44px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.tooltip.maxWidth",
|
|
"type": "dimension",
|
|
"value": "320px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.access.maxWidth",
|
|
"type": "dimension",
|
|
"value": "480px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.wms.mobileMaxWidth",
|
|
"type": "dimension",
|
|
"value": "520px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.wms.headerMinHeight",
|
|
"type": "dimension",
|
|
"value": "64px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.dataState.minHeight",
|
|
"type": "dimension",
|
|
"value": "160px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.grid.toolbarHeight",
|
|
"type": "dimension",
|
|
"value": "36px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.grid.minHeight",
|
|
"type": "dimension",
|
|
"value": "320px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.lookup.codeWidth",
|
|
"type": "dimension",
|
|
"value": "110px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.lookup.nameMinWidth",
|
|
"type": "dimension",
|
|
"value": "120px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.lookup.buttonWidth",
|
|
"type": "dimension",
|
|
"value": "54px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.search.controlMinWidth",
|
|
"type": "dimension",
|
|
"value": "130px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.search.controlSmWidth",
|
|
"type": "dimension",
|
|
"value": "130px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.search.controlLgWidth",
|
|
"type": "dimension",
|
|
"value": "240px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.command.separatorHeight",
|
|
"type": "dimension",
|
|
"value": "20px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.template.contextMinHeight",
|
|
"type": "dimension",
|
|
"value": "34px",
|
|
"description": "T01~T08 공통 업무 문맥 바 최소 높이",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.progress.stepHeight",
|
|
"type": "dimension",
|
|
"value": "40px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.progress.stepNumberSize",
|
|
"type": "dimension",
|
|
"value": "22px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.menuSearch.top",
|
|
"type": "dimension",
|
|
"value": "80px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.menuSearch.width",
|
|
"type": "dimension",
|
|
"value": "620px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.menuSearch.resultHeight",
|
|
"type": "dimension",
|
|
"value": "46px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.application.minHeight",
|
|
"type": "dimension",
|
|
"value": "600px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.runtime.panelTop",
|
|
"type": "dimension",
|
|
"value": "60px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.runtime.panelWidth",
|
|
"type": "dimension",
|
|
"value": "420px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.workspace.tabsHeight",
|
|
"type": "dimension",
|
|
"value": "40px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.workspace.tabHeight",
|
|
"type": "dimension",
|
|
"value": "36px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.workspace.tabMaxWidth",
|
|
"type": "dimension",
|
|
"value": "220px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.workspace.overflowWidth",
|
|
"type": "dimension",
|
|
"value": "180px",
|
|
"description": "",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.template.refreshHeight",
|
|
"type": "dimension",
|
|
"value": "30px",
|
|
"description": "재조회 중 Context 유지 상태 표시 높이",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.home.quickStartMinHeight",
|
|
"type": "dimension",
|
|
"value": "36px",
|
|
"description": "홈 주요업무 한 행 최소 높이",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.shell.noticeHeight",
|
|
"type": "dimension",
|
|
"value": "34px",
|
|
"description": "Workspace 정책 안내 높이",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.home.moduleLabelWidth",
|
|
"type": "dimension",
|
|
"value": "56px",
|
|
"description": "홈 주요업무 모듈 레이블 폭",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.utility.panelWidth",
|
|
"type": "dimension",
|
|
"value": "420px",
|
|
"description": "Help/AI/제안 공통 Utility panel 폭",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.form.sectionGap",
|
|
"type": "dimension",
|
|
"value": "16px",
|
|
"description": "Master/Transaction form section vertical gap",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.form.sectionHeadingGap",
|
|
"type": "dimension",
|
|
"value": "8px",
|
|
"description": "Form section heading to content gap",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.form.sectionHeadingPadding",
|
|
"type": "dimension",
|
|
"value": "6px",
|
|
"description": "Form section heading underline spacing",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.form.gridColumnGap",
|
|
"type": "dimension",
|
|
"value": "18px",
|
|
"description": "Desktop two-column form horizontal gap",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.form.gridRowGap",
|
|
"type": "dimension",
|
|
"value": "10px",
|
|
"description": "Desktop form field row gap",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.home.workbenchRowHeight",
|
|
"type": "dimension",
|
|
"value": "40px",
|
|
"description": "Home unified workbench navigation row height",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.home.sourceLabelWidth",
|
|
"type": "dimension",
|
|
"value": "68px",
|
|
"description": "Home launch reason/source column width",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.navigation.securityNoticeHeight",
|
|
"type": "dimension",
|
|
"value": "36px",
|
|
"description": "Navigation route recovery notice height",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.globalHeader.moduleSelectorWidth",
|
|
"type": "dimension",
|
|
"value": "92px",
|
|
"description": "Global Header module selector width",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.import.dropMinHeight",
|
|
"type": "dimension",
|
|
"value": "250px",
|
|
"description": "Excel Import file selection surface minimum height",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.import.sourceColumnMinWidth",
|
|
"type": "dimension",
|
|
"value": "160px",
|
|
"description": "Excel source column mapping minimum width",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.import.targetColumnMinWidth",
|
|
"type": "dimension",
|
|
"value": "220px",
|
|
"description": "KBX target field mapping minimum width",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.import.reasonColumnMinWidth",
|
|
"type": "dimension",
|
|
"value": "130px",
|
|
"description": "Import mapping evidence column minimum width",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.import.mappingNameWidth",
|
|
"type": "dimension",
|
|
"value": "200px",
|
|
"description": "Saved import mapping name input width",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.summary.itemMinWidth",
|
|
"type": "dimension",
|
|
"value": "120px",
|
|
"description": "Compact summary metric minimum width",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.import.errorRowWidth",
|
|
"type": "dimension",
|
|
"value": "70px",
|
|
"description": "Import error original row number column width",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.import.errorFieldWidth",
|
|
"type": "dimension",
|
|
"value": "160px",
|
|
"description": "Import error source/system field column width",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.wms.scanBoxMinHeight",
|
|
"type": "dimension",
|
|
"value": "84px",
|
|
"description": "WMS scanner capture ready surface minimum height",
|
|
"modes": {}
|
|
},
|
|
{
|
|
"name": "component.wms.manualButtonWidth",
|
|
"type": "dimension",
|
|
"value": "72px",
|
|
"description": "WMS manual barcode submit button width",
|
|
"modes": {}
|
|
}
|
|
]
|
|
},
|
|
"themes": {
|
|
"light": {
|
|
"label": "KBX Business Light",
|
|
"colorScheme": "light",
|
|
"overrides": {}
|
|
},
|
|
"dark": {
|
|
"label": "KBX Business Dark",
|
|
"colorScheme": "dark",
|
|
"overrides": {
|
|
"semantic.surface.default": "#111827",
|
|
"semantic.surface.muted": "#0b1220",
|
|
"semantic.surface.subtle": "#172033",
|
|
"semantic.surface.hover": "#182943",
|
|
"semantic.text.default": "#e5e7eb",
|
|
"semantic.text.muted": "#94a3b8",
|
|
"semantic.border.default": "#334155",
|
|
"semantic.border.strong": "#64748b",
|
|
"semantic.action.primary": "#60a5fa",
|
|
"semantic.status.success": "#34d399",
|
|
"semantic.status.warning": "#fbbf24",
|
|
"semantic.status.danger": "#fb7185",
|
|
"semantic.focus": "#93c5fd",
|
|
"semantic.overlay": "rgba(2, 6, 23, .68)",
|
|
"semantic.status.infoSurface": "#102a43",
|
|
"semantic.status.infoBorder": "#285b8f",
|
|
"semantic.status.successSurface": "#062e24",
|
|
"semantic.status.successBorder": "#166534",
|
|
"semantic.status.warningSurface": "#33270b",
|
|
"semantic.status.warningBorder": "#854d0e",
|
|
"semantic.status.warningText": "#fcd34d",
|
|
"semantic.status.dangerSurface": "#3b1118",
|
|
"semantic.status.dangerBorder": "#9f1239",
|
|
"semantic.state.changedSurface": "#102a43",
|
|
"semantic.state.changedBorder": "#3b82f6",
|
|
"semantic.state.aiSurface": "#241b45",
|
|
"semantic.state.aiBorder": "#6d5bd0",
|
|
"semantic.state.aiText": "#c4b5fd",
|
|
"semantic.shadow.overlay": "0 18px 48px rgba(0,0,0,.42)",
|
|
"semantic.surface.workspace": "#0a1020",
|
|
"semantic.surface.shellChrome": "#111827",
|
|
"semantic.surface.navigation": "#0d1524",
|
|
"semantic.surface.sectionHeading": "#151f31",
|
|
"semantic.module.accent": "#84adff",
|
|
"semantic.module.accentSurface": "#102a43",
|
|
"semantic.module.accentBorder": "#285b8f",
|
|
"semantic.shadow.shell": "0 1px 2px rgba(0,0,0,.42)"
|
|
}
|
|
}
|
|
},
|
|
"moduleThemes": {
|
|
"OMS": {
|
|
"light": {
|
|
"semantic.module.accent": "#175cd3",
|
|
"semantic.module.accentSurface": "#eff8ff",
|
|
"semantic.module.accentBorder": "#b2ddff"
|
|
},
|
|
"dark": {
|
|
"semantic.module.accent": "#84adff",
|
|
"semantic.module.accentSurface": "#102a43",
|
|
"semantic.module.accentBorder": "#285b8f"
|
|
}
|
|
},
|
|
"ERP": {
|
|
"light": {
|
|
"semantic.module.accent": "#6938ef",
|
|
"semantic.module.accentSurface": "#f4f3ff",
|
|
"semantic.module.accentBorder": "#d9d6fe"
|
|
},
|
|
"dark": {
|
|
"semantic.module.accent": "#b9a2ff",
|
|
"semantic.module.accentSurface": "#241b45",
|
|
"semantic.module.accentBorder": "#6d5bd0"
|
|
}
|
|
},
|
|
"WMS": {
|
|
"light": {
|
|
"semantic.module.accent": "#087e8b",
|
|
"semantic.module.accentSurface": "#ecfdff",
|
|
"semantic.module.accentBorder": "#a5f0fc"
|
|
},
|
|
"dark": {
|
|
"semantic.module.accent": "#63c5da",
|
|
"semantic.module.accentSurface": "#0d2f36",
|
|
"semantic.module.accentBorder": "#1f6672"
|
|
}
|
|
},
|
|
"COMMON": {
|
|
"light": {
|
|
"semantic.module.accent": "#475467",
|
|
"semantic.module.accentSurface": "#f2f4f7",
|
|
"semantic.module.accentBorder": "#d0d5dd"
|
|
},
|
|
"dark": {
|
|
"semantic.module.accent": "#b3b8c4",
|
|
"semantic.module.accentSurface": "#172033",
|
|
"semantic.module.accentBorder": "#475467"
|
|
}
|
|
}
|
|
}
|
|
}
|