1127 lines
28 KiB
JSON
1127 lines
28 KiB
JSON
{
|
|
"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"
|
|
}
|
|
}
|
|
}
|