{ "version": "1.8.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" }, { "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": "1180px" }, { "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" } } }