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>
1291 lines
34 KiB
JSON
1291 lines
34 KiB
JSON
{
|
|
"version": "1.10.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": "semantic.surface.workspace",
|
|
"css": "--kbx-color-workspace",
|
|
"type": "color",
|
|
"role": "semantic",
|
|
"value": "#f5f7fa",
|
|
"description": "업무 Workspace 배경. 카드 장식이 아니라 작업면 분리를 위한 저채도 surface."
|
|
},
|
|
{
|
|
"path": "semantic.surface.shellChrome",
|
|
"css": "--kbx-color-shell-chrome",
|
|
"type": "color",
|
|
"role": "semantic",
|
|
"value": "#ffffff",
|
|
"description": "Global Header/Page Header/Command chrome surface."
|
|
},
|
|
{
|
|
"path": "semantic.surface.navigation",
|
|
"css": "--kbx-color-navigation-surface",
|
|
"type": "color",
|
|
"role": "semantic",
|
|
"value": "#fbfcfe",
|
|
"description": "Side navigation 전용 surface."
|
|
},
|
|
{
|
|
"path": "semantic.surface.sectionHeading",
|
|
"css": "--kbx-color-section-heading",
|
|
"type": "color",
|
|
"role": "semantic",
|
|
"value": "#f7f9fc",
|
|
"description": "업무 Section heading/step surface."
|
|
},
|
|
{
|
|
"path": "semantic.module.accent",
|
|
"css": "--kbx-color-module-accent",
|
|
"type": "color",
|
|
"role": "semantic",
|
|
"value": "{color.blue.600}",
|
|
"description": "현재 모듈 식별용 accent. 상태/위험 의미로 사용 금지."
|
|
},
|
|
{
|
|
"path": "semantic.module.accentSurface",
|
|
"css": "--kbx-color-module-accent-surface",
|
|
"type": "color",
|
|
"role": "semantic",
|
|
"value": "#eff8ff",
|
|
"description": "모듈 식별용 저채도 surface. 업무 상태 색상과 분리."
|
|
},
|
|
{
|
|
"path": "semantic.module.accentBorder",
|
|
"css": "--kbx-color-module-accent-border",
|
|
"type": "color",
|
|
"role": "semantic",
|
|
"value": "#b2ddff",
|
|
"description": "모듈 식별용 border."
|
|
},
|
|
{
|
|
"path": "semantic.shadow.shell",
|
|
"css": "--kbx-shadow-shell",
|
|
"type": "shadow",
|
|
"role": "semantic",
|
|
"value": "0 1px 2px rgba(16,24,40,.05)",
|
|
"description": "업무 chrome/work surface의 최소 계층 shadow."
|
|
},
|
|
{
|
|
"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"
|
|
},
|
|
{
|
|
"path": "semantic.status.infoSurface",
|
|
"css": "--kbx-color-info-surface",
|
|
"type": "color",
|
|
"role": "semantic",
|
|
"value": "#eff8ff"
|
|
},
|
|
{
|
|
"path": "semantic.status.infoBorder",
|
|
"css": "--kbx-color-info-border",
|
|
"type": "color",
|
|
"role": "semantic",
|
|
"value": "#b2ddff"
|
|
},
|
|
{
|
|
"path": "semantic.status.successSurface",
|
|
"css": "--kbx-color-success-surface",
|
|
"type": "color",
|
|
"role": "semantic",
|
|
"value": "#ecfdf3"
|
|
},
|
|
{
|
|
"path": "semantic.status.successBorder",
|
|
"css": "--kbx-color-success-border",
|
|
"type": "color",
|
|
"role": "semantic",
|
|
"value": "#abefc6"
|
|
},
|
|
{
|
|
"path": "semantic.status.warningSurface",
|
|
"css": "--kbx-color-warning-surface",
|
|
"type": "color",
|
|
"role": "semantic",
|
|
"value": "#fffaeb"
|
|
},
|
|
{
|
|
"path": "semantic.status.warningBorder",
|
|
"css": "--kbx-color-warning-border",
|
|
"type": "color",
|
|
"role": "semantic",
|
|
"value": "#fedf89"
|
|
},
|
|
{
|
|
"path": "semantic.status.warningText",
|
|
"css": "--kbx-color-warning-text",
|
|
"type": "color",
|
|
"role": "semantic",
|
|
"value": "#b54708"
|
|
},
|
|
{
|
|
"path": "semantic.status.dangerSurface",
|
|
"css": "--kbx-color-danger-surface",
|
|
"type": "color",
|
|
"role": "semantic",
|
|
"value": "#fef3f2"
|
|
},
|
|
{
|
|
"path": "semantic.status.dangerBorder",
|
|
"css": "--kbx-color-danger-border",
|
|
"type": "color",
|
|
"role": "semantic",
|
|
"value": "#fecdca"
|
|
},
|
|
{
|
|
"path": "border.width.default",
|
|
"css": "--kbx-border-width",
|
|
"type": "dimension",
|
|
"role": "primitive",
|
|
"value": "1px"
|
|
},
|
|
{
|
|
"path": "border.width.accent",
|
|
"css": "--kbx-accent-border-width",
|
|
"type": "dimension",
|
|
"role": "primitive",
|
|
"value": "4px"
|
|
},
|
|
{
|
|
"path": "radius.pill",
|
|
"css": "--kbx-radius-pill",
|
|
"type": "dimension",
|
|
"role": "primitive",
|
|
"value": "999px"
|
|
},
|
|
{
|
|
"path": "component.control.xs",
|
|
"css": "--kbx-control-xs",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "28px"
|
|
},
|
|
{
|
|
"path": "component.control.sm",
|
|
"css": "--kbx-control-sm",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "32px"
|
|
},
|
|
{
|
|
"path": "component.control.md",
|
|
"css": "--kbx-control-md",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "36px"
|
|
},
|
|
{
|
|
"path": "component.control.lg",
|
|
"css": "--kbx-control-lg",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "40px"
|
|
},
|
|
{
|
|
"path": "component.form.textareaMinHeight",
|
|
"css": "--kbx-textarea-min-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "96px"
|
|
},
|
|
{
|
|
"path": "component.checkbox.size",
|
|
"css": "--kbx-checkbox-size",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "16px"
|
|
},
|
|
{
|
|
"path": "component.checkbox.track",
|
|
"css": "--kbx-checkbox-track",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "24px"
|
|
},
|
|
{
|
|
"path": "component.screen.inlinePadding",
|
|
"css": "--kbx-screen-inline-padding",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "12px"
|
|
},
|
|
{
|
|
"path": "component.screen.sectionGap",
|
|
"css": "--kbx-screen-section-gap",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "8px"
|
|
},
|
|
{
|
|
"path": "component.screen.contentMinHeight",
|
|
"css": "--kbx-content-min-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "240px"
|
|
},
|
|
{
|
|
"path": "component.master.listMinWidth",
|
|
"css": "--kbx-master-list-min-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "240px"
|
|
},
|
|
{
|
|
"path": "component.master.listCompactWidth",
|
|
"css": "--kbx-master-list-compact-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "280px"
|
|
},
|
|
{
|
|
"path": "component.master.masterWidth",
|
|
"css": "--kbx-master-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "42%"
|
|
},
|
|
{
|
|
"path": "component.masterDetail.minHeight",
|
|
"css": "--kbx-master-detail-min-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "360px"
|
|
},
|
|
{
|
|
"path": "component.masterDetail.bottomMinHeight",
|
|
"css": "--kbx-master-detail-bottom-min-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "160px"
|
|
},
|
|
{
|
|
"path": "component.masterDetail.masterMinSm",
|
|
"css": "--kbx-master-detail-master-min-sm",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "320px"
|
|
},
|
|
{
|
|
"path": "component.masterDetail.masterMinMd",
|
|
"css": "--kbx-master-detail-master-min-md",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "380px"
|
|
},
|
|
{
|
|
"path": "component.masterDetail.masterMinLg",
|
|
"css": "--kbx-master-detail-master-min-lg",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "460px"
|
|
},
|
|
{
|
|
"path": "component.navigation.sideWidth",
|
|
"css": "--kbx-side-nav-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "220px"
|
|
},
|
|
{
|
|
"path": "component.navigation.sideCollapsedWidth",
|
|
"css": "--kbx-side-nav-collapsed-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "56px"
|
|
},
|
|
{
|
|
"path": "component.home.maxWidth",
|
|
"css": "--kbx-home-max-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "1280px"
|
|
},
|
|
{
|
|
"path": "component.home.searchMaxWidth",
|
|
"css": "--kbx-home-search-max-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "520px"
|
|
},
|
|
{
|
|
"path": "component.home.headerMinHeight",
|
|
"css": "--kbx-home-header-min-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "72px"
|
|
},
|
|
{
|
|
"path": "component.home.attentionHeight",
|
|
"css": "--kbx-home-attention-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "44px"
|
|
},
|
|
{
|
|
"path": "component.home.linkHeight",
|
|
"css": "--kbx-home-link-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "36px"
|
|
},
|
|
{
|
|
"path": "component.home.moduleColumn",
|
|
"css": "--kbx-home-module-column",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "56px"
|
|
},
|
|
{
|
|
"path": "component.home.moduleHeaderHeight",
|
|
"css": "--kbx-home-module-header-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "44px"
|
|
},
|
|
{
|
|
"path": "component.tooltip.maxWidth",
|
|
"css": "--kbx-tooltip-max-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "320px"
|
|
},
|
|
{
|
|
"path": "component.access.maxWidth",
|
|
"css": "--kbx-access-max-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "480px"
|
|
},
|
|
{
|
|
"path": "component.wms.mobileMaxWidth",
|
|
"css": "--kbx-wms-mobile-max-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "520px"
|
|
},
|
|
{
|
|
"path": "component.wms.headerMinHeight",
|
|
"css": "--kbx-wms-header-min-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "64px"
|
|
},
|
|
{
|
|
"path": "semantic.state.changedSurface",
|
|
"css": "--kbx-color-changed-surface",
|
|
"type": "color",
|
|
"role": "semantic",
|
|
"value": "{semantic.status.infoSurface}",
|
|
"description": "사용자가 수정한 값/셀 배경"
|
|
},
|
|
{
|
|
"path": "semantic.state.changedBorder",
|
|
"css": "--kbx-color-changed-border",
|
|
"type": "color",
|
|
"role": "semantic",
|
|
"value": "#84adff",
|
|
"description": "사용자가 수정한 값/셀 경계"
|
|
},
|
|
{
|
|
"path": "semantic.state.aiSurface",
|
|
"css": "--kbx-color-ai-surface",
|
|
"type": "color",
|
|
"role": "semantic",
|
|
"value": "#f4f3ff",
|
|
"description": "AI가 제안한 값 배경"
|
|
},
|
|
{
|
|
"path": "semantic.state.aiBorder",
|
|
"css": "--kbx-color-ai-border",
|
|
"type": "color",
|
|
"role": "semantic",
|
|
"value": "#c3b5fd",
|
|
"description": "AI가 제안한 값 경계"
|
|
},
|
|
{
|
|
"path": "semantic.state.aiText",
|
|
"css": "--kbx-color-ai-text",
|
|
"type": "color",
|
|
"role": "semantic",
|
|
"value": "#5925dc",
|
|
"description": "AI 제안 상태 텍스트"
|
|
},
|
|
{
|
|
"path": "component.dataState.minHeight",
|
|
"css": "--kbx-data-state-min-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "160px"
|
|
},
|
|
{
|
|
"path": "component.grid.toolbarHeight",
|
|
"css": "--kbx-grid-toolbar-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "36px"
|
|
},
|
|
{
|
|
"path": "component.grid.minHeight",
|
|
"css": "--kbx-grid-min-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "320px"
|
|
},
|
|
{
|
|
"path": "component.lookup.codeWidth",
|
|
"css": "--kbx-lookup-code-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "110px"
|
|
},
|
|
{
|
|
"path": "component.lookup.nameMinWidth",
|
|
"css": "--kbx-lookup-name-min-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "120px"
|
|
},
|
|
{
|
|
"path": "component.lookup.buttonWidth",
|
|
"css": "--kbx-lookup-button-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "54px"
|
|
},
|
|
{
|
|
"path": "component.search.controlMinWidth",
|
|
"css": "--kbx-search-control-min-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "130px"
|
|
},
|
|
{
|
|
"path": "component.search.controlSmWidth",
|
|
"css": "--kbx-search-control-sm-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "130px"
|
|
},
|
|
{
|
|
"path": "component.search.controlLgWidth",
|
|
"css": "--kbx-search-control-lg-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "240px"
|
|
},
|
|
{
|
|
"path": "component.command.separatorHeight",
|
|
"css": "--kbx-command-separator-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "20px"
|
|
},
|
|
{
|
|
"path": "component.template.contextMinHeight",
|
|
"css": "--kbx-template-context-min-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "34px",
|
|
"description": "T01~T08 공통 업무 문맥 바 최소 높이"
|
|
},
|
|
{
|
|
"path": "component.progress.stepHeight",
|
|
"css": "--kbx-progress-step-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "40px"
|
|
},
|
|
{
|
|
"path": "component.progress.stepNumberSize",
|
|
"css": "--kbx-progress-step-number-size",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "22px"
|
|
},
|
|
{
|
|
"path": "component.menuSearch.top",
|
|
"css": "--kbx-menu-search-top",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "80px"
|
|
},
|
|
{
|
|
"path": "component.menuSearch.width",
|
|
"css": "--kbx-menu-search-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "620px"
|
|
},
|
|
{
|
|
"path": "component.menuSearch.resultHeight",
|
|
"css": "--kbx-menu-search-result-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "46px"
|
|
},
|
|
{
|
|
"path": "component.application.minHeight",
|
|
"css": "--kbx-app-shell-min-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "600px"
|
|
},
|
|
{
|
|
"path": "component.runtime.panelTop",
|
|
"css": "--kbx-runtime-panel-top",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "60px"
|
|
},
|
|
{
|
|
"path": "component.runtime.panelWidth",
|
|
"css": "--kbx-runtime-panel-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "420px"
|
|
},
|
|
{
|
|
"path": "component.workspace.tabsHeight",
|
|
"css": "--kbx-workspace-tabs-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "40px"
|
|
},
|
|
{
|
|
"path": "component.workspace.tabHeight",
|
|
"css": "--kbx-workspace-tab-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "36px"
|
|
},
|
|
{
|
|
"path": "component.workspace.tabMaxWidth",
|
|
"css": "--kbx-workspace-tab-max-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "220px"
|
|
},
|
|
{
|
|
"path": "component.workspace.overflowWidth",
|
|
"css": "--kbx-workspace-overflow-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "180px"
|
|
},
|
|
{
|
|
"path": "semantic.shadow.overlay",
|
|
"css": "--kbx-shadow-overlay",
|
|
"type": "shadow",
|
|
"role": "semantic",
|
|
"value": "0 16px 40px rgba(16,24,40,.18)"
|
|
},
|
|
{
|
|
"path": "semantic.z.runtimePanel",
|
|
"css": "--kbx-z-runtime-panel",
|
|
"type": "number",
|
|
"role": "semantic",
|
|
"value": "120"
|
|
},
|
|
{
|
|
"path": "component.template.refreshHeight",
|
|
"css": "--kbx-template-refresh-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "30px",
|
|
"description": "재조회 중 Context 유지 상태 표시 높이"
|
|
},
|
|
{
|
|
"path": "component.home.quickStartMinHeight",
|
|
"css": "--kbx-home-quick-start-min-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "36px",
|
|
"description": "홈 주요업무 한 행 최소 높이"
|
|
},
|
|
{
|
|
"path": "component.shell.noticeHeight",
|
|
"css": "--kbx-shell-notice-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "34px",
|
|
"description": "Workspace 정책 안내 높이"
|
|
},
|
|
{
|
|
"path": "component.home.moduleLabelWidth",
|
|
"css": "--kbx-home-module-label-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "56px",
|
|
"description": "홈 주요업무 모듈 레이블 폭"
|
|
},
|
|
{
|
|
"path": "component.utility.panelWidth",
|
|
"css": "--kbx-utility-panel-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "420px",
|
|
"description": "Help/AI/제안 공통 Utility panel 폭"
|
|
},
|
|
{
|
|
"path": "semantic.accessibility.visuallyHiddenSize",
|
|
"css": "--kbx-visually-hidden-size",
|
|
"type": "dimension",
|
|
"role": "semantic",
|
|
"value": "1px",
|
|
"description": "시각 숨김 접근성 텍스트 크기"
|
|
},
|
|
{
|
|
"path": "component.form.sectionGap",
|
|
"css": "--kbx-form-section-gap",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "16px",
|
|
"description": "Master/Transaction form section vertical gap"
|
|
},
|
|
{
|
|
"path": "component.form.sectionHeadingGap",
|
|
"css": "--kbx-form-section-heading-gap",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "8px",
|
|
"description": "Form section heading to content gap"
|
|
},
|
|
{
|
|
"path": "component.form.sectionHeadingPadding",
|
|
"css": "--kbx-form-section-heading-padding",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "6px",
|
|
"description": "Form section heading underline spacing"
|
|
},
|
|
{
|
|
"path": "component.form.gridColumnGap",
|
|
"css": "--kbx-form-grid-column-gap",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "18px",
|
|
"description": "Desktop two-column form horizontal gap"
|
|
},
|
|
{
|
|
"path": "component.form.gridRowGap",
|
|
"css": "--kbx-form-grid-row-gap",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "10px",
|
|
"description": "Desktop form field row gap"
|
|
},
|
|
{
|
|
"path": "component.home.workbenchRowHeight",
|
|
"css": "--kbx-home-workbench-row-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "40px",
|
|
"description": "Home unified workbench navigation row height"
|
|
},
|
|
{
|
|
"path": "component.home.sourceLabelWidth",
|
|
"css": "--kbx-home-source-label-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "68px",
|
|
"description": "Home launch reason/source column width"
|
|
},
|
|
{
|
|
"path": "component.navigation.securityNoticeHeight",
|
|
"css": "--kbx-navigation-security-notice-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "36px",
|
|
"description": "Navigation route recovery notice height"
|
|
},
|
|
{
|
|
"path": "component.globalHeader.moduleSelectorWidth",
|
|
"css": "--kbx-global-header-module-selector-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "92px",
|
|
"description": "Global Header module selector width"
|
|
},
|
|
{
|
|
"path": "component.import.dropMinHeight",
|
|
"css": "--kbx-import-drop-min-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "250px",
|
|
"description": "Excel Import file selection surface minimum height"
|
|
},
|
|
{
|
|
"path": "component.import.sourceColumnMinWidth",
|
|
"css": "--kbx-import-source-column-min-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "160px",
|
|
"description": "Excel source column mapping minimum width"
|
|
},
|
|
{
|
|
"path": "component.import.targetColumnMinWidth",
|
|
"css": "--kbx-import-target-column-min-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "220px",
|
|
"description": "KBX target field mapping minimum width"
|
|
},
|
|
{
|
|
"path": "component.import.reasonColumnMinWidth",
|
|
"css": "--kbx-import-reason-column-min-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "130px",
|
|
"description": "Import mapping evidence column minimum width"
|
|
},
|
|
{
|
|
"path": "component.import.mappingNameWidth",
|
|
"css": "--kbx-import-mapping-name-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "200px",
|
|
"description": "Saved import mapping name input width"
|
|
},
|
|
{
|
|
"path": "component.summary.itemMinWidth",
|
|
"css": "--kbx-summary-item-min-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "120px",
|
|
"description": "Compact summary metric minimum width"
|
|
},
|
|
{
|
|
"path": "component.import.errorRowWidth",
|
|
"css": "--kbx-import-error-row-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "70px",
|
|
"description": "Import error original row number column width"
|
|
},
|
|
{
|
|
"path": "component.import.errorFieldWidth",
|
|
"css": "--kbx-import-error-field-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "160px",
|
|
"description": "Import error source/system field column width"
|
|
},
|
|
{
|
|
"path": "component.wms.scanBoxMinHeight",
|
|
"css": "--kbx-wms-scan-box-min-height",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "84px",
|
|
"description": "WMS scanner capture ready surface minimum height"
|
|
},
|
|
{
|
|
"path": "component.wms.manualButtonWidth",
|
|
"css": "--kbx-wms-manual-button-width",
|
|
"type": "dimension",
|
|
"role": "component",
|
|
"value": "72px",
|
|
"description": "WMS manual barcode submit button width"
|
|
}
|
|
],
|
|
"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"
|
|
}
|
|
},
|
|
"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"
|
|
}
|
|
}
|
|
}
|
|
}
|