Files
KArtSell.Aegis/docs/Design/kbx-foundation-v36/design/figma/variables.contract.json
T

1028 lines
25 KiB
JSON

{
"schemaVersion": "1.0",
"tokenVersion": "1.8.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.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": "1180px",
"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": {}
}
]
}
}