@stn-uiux/pub-ui 0.1.80 → 0.1.82
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-C5WP6UQO.js +107 -0
- package/dist/chunk-C5WP6UQO.js.map +1 -0
- package/dist/chunk-THTVXGTK.js +9 -0
- package/dist/chunk-THTVXGTK.js.map +1 -0
- package/dist/data/index.d.ts +1 -1
- package/dist/data/index.js +7 -3
- package/dist/data/stnChart.d.ts +35 -1
- package/dist/data/stnChart.js +7 -3
- package/dist/data/stnPackageVersion.d.ts +2 -2
- package/dist/data/stnPackageVersion.js +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +7 -3
- package/package.json +1 -1
- package/styles/components/stn-bar-chart.css +394 -0
- package/styles/components/stn-chart-common.css +243 -0
- package/styles/components/stn-chart.css +20 -0
- package/styles/components/stn-combo-chart.css +279 -0
- package/styles/components/stn-drawer.css +17 -1
- package/styles/components/stn-line-chart.css +125 -0
- package/styles/components/stn-pie-chart.css +112 -0
- package/styles/components/stn-widget.css +3 -116
- package/styles/patterns/stn-widget-patterns.css +294 -0
- package/styles/style-pub.css +2 -0
- package/styles/tokens/stn-colors-semantic.css +140 -0
- package/styles/tokens/stn-size-semantic.css +47 -0
- package/styles/tokens/stn-spacing-semantic.css +44 -0
- package/dist/chunk-DGZVOSEM.js +0 -7
- package/dist/chunk-DGZVOSEM.js.map +0 -1
- package/dist/chunk-PSVPO4FH.js +0 -9
- package/dist/chunk-PSVPO4FH.js.map +0 -1
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
// src/data/stnChart.ts
|
|
2
|
+
var STN_CHART_INTRO = "\uC704\uC82F \uC178(`StnWidget`) \uC548\uC5D0 \uB123\uB294 \uCC28\uD2B8\xB7\uB9C9\uB300\xB7\uD604\uD669 \uBCF8\uBB38\uC785\uB2C8\uB2E4. Patterns \u2192 Widget\uC740 \uC178 + Chart \uC870\uD569\uC73C\uB85C \uC2E4\uC81C \uB300\uC2DC\uBCF4\uB4DC \uC704\uC82F\uC744 \uBCF4\uC5EC \uC90D\uB2C8\uB2E4.";
|
|
3
|
+
var STN_CHART_COLOR_DEFINITIONS = [
|
|
4
|
+
{ num: 1, token: "chart.color.1", cssVar: "--stn-chart-color-1", name: "Sky Blue", nameKo: "\uC2A4\uCE74\uC774 \uBE14\uB8E8", darkPrimitive: "pub.blue.400", lightPrimitive: "pub.blue.500", description: "\uAE30\uBCF8 1\uC21C\uC704 \uB300\uD45C \uBE14\uB8E8 \uC2DC\uAC01\uD654 \uC0C9\uC0C1" },
|
|
5
|
+
{ num: 2, token: "chart.color.2", cssVar: "--stn-chart-color-2", name: "Purple", nameKo: "\uD37C\uD50C", darkPrimitive: "pub.purple.300", lightPrimitive: "pub.purple.500", description: "2\uC21C\uC704 \uB300\uD45C \uBCF4\uB77C \uC2DC\uAC01\uD654 \uC0C9\uC0C1" },
|
|
6
|
+
{ num: 3, token: "chart.color.3", cssVar: "--stn-chart-color-3", name: "Green", nameKo: "\uADF8\uB9B0", darkPrimitive: "pub.green.300", lightPrimitive: "pub.green.500", description: "3\uC21C\uC704 \uB300\uD45C \uADF8\uB9B0 \uC2DC\uAC01\uD654 \uC0C9\uC0C1" },
|
|
7
|
+
{ num: 4, token: "chart.color.4", cssVar: "--stn-chart-color-4", name: "Cobalt", nameKo: "\uCF54\uBC1C\uD2B8", darkPrimitive: "pub.cobalt.350", lightPrimitive: "pub.cobalt.500", description: "4\uC21C\uC704 \uC120\uBA85\uD55C \uCF54\uBC1C\uD2B8 \uC2DC\uAC01\uD654 \uC0C9\uC0C1" },
|
|
8
|
+
{ num: 5, token: "chart.color.5", cssVar: "--stn-chart-color-5", name: "Aqua", nameKo: "\uC544\uCFE0\uC544", darkPrimitive: "pub.cyan.250", lightPrimitive: "pub.cyan.450", description: "5\uC21C\uC704 \uC120\uBA85\uD55C \uC544\uCFE0\uC544 \uC2DC\uAC01\uD654 \uC0C9\uC0C1" },
|
|
9
|
+
{ num: 6, token: "chart.color.6", cssVar: "--stn-chart-color-6", name: "Lavender", nameKo: "\uB77C\uBCA4\uB354", darkPrimitive: "pub.purple.150", lightPrimitive: "pub.purple.350", description: "6\uC21C\uC704 \uC5F0\uBCF4\uB77C \uC2DC\uAC01\uD654 \uC0C9\uC0C1" },
|
|
10
|
+
{ num: 7, token: "chart.color.7", cssVar: "--stn-chart-color-7", name: "Mint", nameKo: "\uBBFC\uD2B8", darkPrimitive: "pub.green.150", lightPrimitive: "pub.green.350", description: "7\uC21C\uC704 \uD30C\uC2A4\uD154 \uBBFC\uD2B8 \uADF8\uB9B0 \uC2DC\uAC01\uD654 \uC0C9\uC0C1" },
|
|
11
|
+
{ num: 8, token: "chart.color.8", cssVar: "--stn-chart-color-8", name: "Midnight", nameKo: "\uBBF8\uB4DC\uB098\uC787", darkPrimitive: "pub.cobalt.500", lightPrimitive: "pub.cobalt.650", description: "8\uC21C\uC704 \uB525 \uBBF8\uB4DC\uB098\uC787 \uBE14\uB8E8 \uC2DC\uAC01\uD654 \uC0C9\uC0C1" },
|
|
12
|
+
{ num: 9, token: "chart.color.9", cssVar: "--stn-chart-color-9", name: "Deep Violet", nameKo: "\uB525 \uBC14\uC774\uC62C\uB81B", darkPrimitive: "pub.purple.450", lightPrimitive: "pub.purple.650", description: "9\uC21C\uC704 \uB525 \uBC14\uC774\uC62C\uB81B \uC2DC\uAC01\uD654 \uC0C9\uC0C1" },
|
|
13
|
+
{ num: 10, token: "chart.color.10", cssVar: "--stn-chart-color-10", name: "Ice Blue", nameKo: "\uC544\uC774\uC2A4 \uBE14\uB8E8", darkPrimitive: "pub.blue.200", lightPrimitive: "pub.blue.350", description: "10\uC21C\uC704 \uBC1D\uC740 \uC544\uC774\uC2A4 \uBE14\uB8E8 \uC2DC\uAC01\uD654 \uC0C9\uC0C1" }
|
|
14
|
+
];
|
|
15
|
+
var STN_CHART_STATUS_DEFINITIONS = [
|
|
16
|
+
{
|
|
17
|
+
status: "critical",
|
|
18
|
+
token: "chart.status.critical",
|
|
19
|
+
cssVar: "--stn-chart-status-critical",
|
|
20
|
+
aliasVar: "--stn-chart-critical",
|
|
21
|
+
name: "Critical (Red)",
|
|
22
|
+
nameKo: "\uCE58\uBA85 / \uC7A5\uC560",
|
|
23
|
+
baseToken: "--stn-grade-critical",
|
|
24
|
+
darkPrimitive: "pub.red.400",
|
|
25
|
+
lightPrimitive: "pub.red.500",
|
|
26
|
+
description: "\uAE34\uAE09 \uC7A5\uC560, \uC11C\uBE44\uC2A4 \uC911\uB2E8, \uCE58\uBA85\uC801 \uACB0\uD568 \uB4F1 \uC704\uD5D8 \uC9C0\uD45C"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
status: "major",
|
|
30
|
+
token: "chart.status.major",
|
|
31
|
+
cssVar: "--stn-chart-status-major",
|
|
32
|
+
aliasVar: "--stn-chart-major",
|
|
33
|
+
name: "Major (Orange)",
|
|
34
|
+
nameKo: "\uC2EC\uAC01 / \uC8FC\uC694",
|
|
35
|
+
baseToken: "--stn-grade-major",
|
|
36
|
+
darkPrimitive: "pub.orange.250",
|
|
37
|
+
lightPrimitive: "pub.orange.400",
|
|
38
|
+
description: "\uC2EC\uAC01\uD55C \uC131\uB2A5 \uC800\uD558, \uC704\uD5D8 \uC784\uACC4\uCE58 \uADFC\uC811, \uC8FC\uC694 \uACB0\uD568 \uC9C0\uD45C"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
status: "minor",
|
|
42
|
+
token: "chart.status.minor",
|
|
43
|
+
cssVar: "--stn-chart-status-minor",
|
|
44
|
+
aliasVar: "--stn-chart-minor",
|
|
45
|
+
name: "Minor (Yellow)",
|
|
46
|
+
nameKo: "\uACBD\uBBF8 / \uC8FC\uC758",
|
|
47
|
+
baseToken: "--stn-grade-minor",
|
|
48
|
+
darkPrimitive: "pub.yellow.300",
|
|
49
|
+
lightPrimitive: "pub.yellow.400",
|
|
50
|
+
description: "\uACBD\uBBF8\uD55C \uC774\uC0C1 \uC9D5\uD6C4, \uBAA8\uB2C8\uD130\uB9C1 \uC8FC\uC758 \uAD6C\uAC04 \uC9C0\uD45C"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
status: "warning",
|
|
54
|
+
token: "chart.status.warning",
|
|
55
|
+
cssVar: "--stn-chart-status-warning",
|
|
56
|
+
aliasVar: "--stn-chart-warning",
|
|
57
|
+
name: "Warning (Teal)",
|
|
58
|
+
nameKo: "\uACBD\uACE0 / \uAC10\uC2DC",
|
|
59
|
+
baseToken: "--stn-grade-warning",
|
|
60
|
+
darkPrimitive: "pub.teal.400",
|
|
61
|
+
lightPrimitive: "pub.teal.500",
|
|
62
|
+
description: "\uC0AC\uC804 \uC608\uBC29 \uAC10\uC2DC, \uC810\uAC80 \uAD8C\uACE0 \uB300\uC0C1 \uC9C0\uD45C"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
status: "success",
|
|
66
|
+
token: "chart.status.success",
|
|
67
|
+
cssVar: "--stn-chart-status-success",
|
|
68
|
+
aliasVar: "--stn-chart-success",
|
|
69
|
+
name: "Success / Normal (Green)",
|
|
70
|
+
nameKo: "\uC815\uC0C1 / \uC131\uACF5",
|
|
71
|
+
baseToken: "--stn-grade-normal",
|
|
72
|
+
darkPrimitive: "pub.green.400",
|
|
73
|
+
lightPrimitive: "pub.green.500",
|
|
74
|
+
description: "\uC815\uC0C1 \uAC00\uB3D9\uB960, \uBAA9\uD45C \uB2EC\uC131\uCE58, \uC548\uC804 \uAD6C\uAC04 \uC9C0\uD45C"
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
status: "info",
|
|
78
|
+
token: "chart.status.info",
|
|
79
|
+
cssVar: "--stn-chart-status-info",
|
|
80
|
+
aliasVar: "--stn-chart-info",
|
|
81
|
+
name: "Info (Blue)",
|
|
82
|
+
nameKo: "\uC815\uBCF4 / \uC548\uB0B4",
|
|
83
|
+
baseToken: "--stn-feedback-info",
|
|
84
|
+
darkPrimitive: "pub.blue.400",
|
|
85
|
+
lightPrimitive: "pub.blue.500",
|
|
86
|
+
description: "\uAE30\uC900\uCE58(Benchmark), \uD3C9\uADE0\uAC12, \uC77C\uBC18 \uC815\uBCF4 \uC9C0\uD45C"
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
status: "neutral",
|
|
90
|
+
token: "chart.status.neutral",
|
|
91
|
+
cssVar: "--stn-chart-status-neutral",
|
|
92
|
+
aliasVar: "--stn-chart-neutral",
|
|
93
|
+
name: "Neutral (Gray)",
|
|
94
|
+
nameKo: "\uC911\uB9BD / \uBBF8\uCE21\uC815",
|
|
95
|
+
baseToken: "--stn-grade-neutral",
|
|
96
|
+
darkPrimitive: "pub.gray.500",
|
|
97
|
+
lightPrimitive: "pub.gray.400",
|
|
98
|
+
description: "\uBE44\uD65C\uC131, \uC810\uAC80 \uC911, \uB370\uC774\uD130 \uBBF8\uC218\uC9D1 \uAD6C\uAC04 \uC9C0\uD45C"
|
|
99
|
+
}
|
|
100
|
+
];
|
|
101
|
+
|
|
102
|
+
export {
|
|
103
|
+
STN_CHART_INTRO,
|
|
104
|
+
STN_CHART_COLOR_DEFINITIONS,
|
|
105
|
+
STN_CHART_STATUS_DEFINITIONS
|
|
106
|
+
};
|
|
107
|
+
//# sourceMappingURL=chunk-C5WP6UQO.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/data/stnChart.ts"],"sourcesContent":["/** Components → Chart — 대시보드 본문 차트·현황 블록 */\nexport const STN_CHART_INTRO =\n '위젯 셸(`StnWidget`) 안에 넣는 차트·막대·현황 본문입니다. Patterns → Widget은 셸 + Chart 조합으로 실제 대시보드 위젯을 보여 줍니다.'\n\nexport type StnChartColorDefinition = {\n num: number\n token: string\n cssVar: string\n name: string\n nameKo: string\n darkPrimitive: string\n lightPrimitive: string\n description: string\n}\n\n/**\n * STN 비상태 데이터 시각화 전용 통합 10종 컬러 팔레트 정의\n * 모든 차트 컴포넌트(StnBarChart, StnPieChart, StnLineChart, StnComboChart)에 순차 자동 적용되는 SSOT 기준입니다.\n * 심각도/경보(Critical, Major, Minor, Warning)와 중복되지 않도록 고유한 색조(Hue) 및 명암 대비로 엄선되었습니다.\n */\nexport const STN_CHART_COLOR_DEFINITIONS: StnChartColorDefinition[] = [\n { num: 1, token: 'chart.color.1', cssVar: '--stn-chart-color-1', name: 'Sky Blue', nameKo: '스카이 블루', darkPrimitive: 'pub.blue.400', lightPrimitive: 'pub.blue.500', description: '기본 1순위 대표 블루 시각화 색상' },\n { num: 2, token: 'chart.color.2', cssVar: '--stn-chart-color-2', name: 'Purple', nameKo: '퍼플', darkPrimitive: 'pub.purple.300', lightPrimitive: 'pub.purple.500', description: '2순위 대표 보라 시각화 색상' },\n { num: 3, token: 'chart.color.3', cssVar: '--stn-chart-color-3', name: 'Green', nameKo: '그린', darkPrimitive: 'pub.green.300', lightPrimitive: 'pub.green.500', description: '3순위 대표 그린 시각화 색상' },\n { num: 4, token: 'chart.color.4', cssVar: '--stn-chart-color-4', name: 'Cobalt', nameKo: '코발트', darkPrimitive: 'pub.cobalt.350', lightPrimitive: 'pub.cobalt.500', description: '4순위 선명한 코발트 시각화 색상' },\n { num: 5, token: 'chart.color.5', cssVar: '--stn-chart-color-5', name: 'Aqua', nameKo: '아쿠아', darkPrimitive: 'pub.cyan.250', lightPrimitive: 'pub.cyan.450', description: '5순위 선명한 아쿠아 시각화 색상' },\n { num: 6, token: 'chart.color.6', cssVar: '--stn-chart-color-6', name: 'Lavender', nameKo: '라벤더', darkPrimitive: 'pub.purple.150', lightPrimitive: 'pub.purple.350', description: '6순위 연보라 시각화 색상' },\n { num: 7, token: 'chart.color.7', cssVar: '--stn-chart-color-7', name: 'Mint', nameKo: '민트', darkPrimitive: 'pub.green.150', lightPrimitive: 'pub.green.350', description: '7순위 파스텔 민트 그린 시각화 색상' },\n { num: 8, token: 'chart.color.8', cssVar: '--stn-chart-color-8', name: 'Midnight', nameKo: '미드나잇', darkPrimitive: 'pub.cobalt.500', lightPrimitive: 'pub.cobalt.650', description: '8순위 딥 미드나잇 블루 시각화 색상' },\n { num: 9, token: 'chart.color.9', cssVar: '--stn-chart-color-9', name: 'Deep Violet', nameKo: '딥 바이올렛', darkPrimitive: 'pub.purple.450', lightPrimitive: 'pub.purple.650', description: '9순위 딥 바이올렛 시각화 색상' },\n { num: 10, token: 'chart.color.10', cssVar: '--stn-chart-color-10', name: 'Ice Blue', nameKo: '아이스 블루', darkPrimitive: 'pub.blue.200', lightPrimitive: 'pub.blue.350', description: '10순위 밝은 아이스 블루 시각화 색상' },\n]\n\nexport type StnChartStatus = 'critical' | 'major' | 'minor' | 'warning' | 'success' | 'info' | 'neutral'\n\nexport type StnChartStatusDefinition = {\n status: StnChartStatus\n token: string\n cssVar: string\n aliasVar: string\n name: string\n nameKo: string\n baseToken: string\n darkPrimitive: string\n lightPrimitive: string\n description: string\n}\n\n/**\n * STN 차트 전용 상태/심각도(Severity & Status) 시맨틱 컬러 정의\n * 장애·경보·가동률·점검 등 상태 기반 지표를 차트에 직관적으로 매핑할 때 사용합니다.\n */\nexport const STN_CHART_STATUS_DEFINITIONS: StnChartStatusDefinition[] = [\n {\n status: 'critical',\n token: 'chart.status.critical',\n cssVar: '--stn-chart-status-critical',\n aliasVar: '--stn-chart-critical',\n name: 'Critical (Red)',\n nameKo: '치명 / 장애',\n baseToken: '--stn-grade-critical',\n darkPrimitive: 'pub.red.400',\n lightPrimitive: 'pub.red.500',\n description: '긴급 장애, 서비스 중단, 치명적 결함 등 위험 지표',\n },\n {\n status: 'major',\n token: 'chart.status.major',\n cssVar: '--stn-chart-status-major',\n aliasVar: '--stn-chart-major',\n name: 'Major (Orange)',\n nameKo: '심각 / 주요',\n baseToken: '--stn-grade-major',\n darkPrimitive: 'pub.orange.250',\n lightPrimitive: 'pub.orange.400',\n description: '심각한 성능 저하, 위험 임계치 근접, 주요 결함 지표',\n },\n {\n status: 'minor',\n token: 'chart.status.minor',\n cssVar: '--stn-chart-status-minor',\n aliasVar: '--stn-chart-minor',\n name: 'Minor (Yellow)',\n nameKo: '경미 / 주의',\n baseToken: '--stn-grade-minor',\n darkPrimitive: 'pub.yellow.300',\n lightPrimitive: 'pub.yellow.400',\n description: '경미한 이상 징후, 모니터링 주의 구간 지표',\n },\n {\n status: 'warning',\n token: 'chart.status.warning',\n cssVar: '--stn-chart-status-warning',\n aliasVar: '--stn-chart-warning',\n name: 'Warning (Teal)',\n nameKo: '경고 / 감시',\n baseToken: '--stn-grade-warning',\n darkPrimitive: 'pub.teal.400',\n lightPrimitive: 'pub.teal.500',\n description: '사전 예방 감시, 점검 권고 대상 지표',\n },\n {\n status: 'success',\n token: 'chart.status.success',\n cssVar: '--stn-chart-status-success',\n aliasVar: '--stn-chart-success',\n name: 'Success / Normal (Green)',\n nameKo: '정상 / 성공',\n baseToken: '--stn-grade-normal',\n darkPrimitive: 'pub.green.400',\n lightPrimitive: 'pub.green.500',\n description: '정상 가동률, 목표 달성치, 안전 구간 지표',\n },\n {\n status: 'info',\n token: 'chart.status.info',\n cssVar: '--stn-chart-status-info',\n aliasVar: '--stn-chart-info',\n name: 'Info (Blue)',\n nameKo: '정보 / 안내',\n baseToken: '--stn-feedback-info',\n darkPrimitive: 'pub.blue.400',\n lightPrimitive: 'pub.blue.500',\n description: '기준치(Benchmark), 평균값, 일반 정보 지표',\n },\n {\n status: 'neutral',\n token: 'chart.status.neutral',\n cssVar: '--stn-chart-status-neutral',\n aliasVar: '--stn-chart-neutral',\n name: 'Neutral (Gray)',\n nameKo: '중립 / 미측정',\n baseToken: '--stn-grade-neutral',\n darkPrimitive: 'pub.gray.500',\n lightPrimitive: 'pub.gray.400',\n description: '비활성, 점검 중, 데이터 미수집 구간 지표',\n },\n]\n"],"mappings":"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","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/data/stnPackageVersion.ts"],"sourcesContent":["/** Package version constants */\nexport const STN_UI_VERSION = '0.1.82'\nexport const STN_UI_VERSION_LABEL = 'v0.1.82'\n"],"mappings":";AACO,IAAM,iBAAiB;AACvB,IAAM,uBAAuB;","names":[]}
|
package/dist/data/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ export { STN_BREADCRUMB_DEMO_ITEMS, STN_BREADCRUMB_FIGMA, STN_BREADCRUMB_FIGMA_L
|
|
|
5
5
|
export { STN_BREAKPOINT_INTRO, STN_BREAKPOINT_MEDIA, STN_BREAKPOINT_ROWS, StnBreakpointRow, breakpointTokensToJson } from './stnBreakpoint.js';
|
|
6
6
|
export { STN_BUTTON_ICON_ONLY_INTRO, STN_BUTTON_ICON_ONLY_ROWS, STN_ICON_BUTTON_DEFAULT_SURFACE, STN_ICON_BUTTON_SURFACES, STN_ICON_BUTTON_VARIANTS, StnButtonIconOnlyRow, StnIconButtonSurface, StnIconButtonVariant } from './stnButtonIconOnly.js';
|
|
7
7
|
export { STN_BUTTON_STATE_INTRO, STN_BUTTON_STATE_MATRIX, STN_BUTTON_STATE_STATES, STN_BUTTON_STATE_VARIANTS, STN_BUTTON_VARIANT_MAP, StnButtonFigmaVariant, StnButtonInteractionState, StnButtonPubStatus, StnButtonStateCell, getButtonStateCell } from './stnButtonStates.js';
|
|
8
|
-
export { STN_CHART_INTRO } from './stnChart.js';
|
|
8
|
+
export { STN_CHART_COLOR_DEFINITIONS, STN_CHART_INTRO, STN_CHART_STATUS_DEFINITIONS, StnChartColorDefinition, StnChartStatus, StnChartStatusDefinition } from './stnChart.js';
|
|
9
9
|
export { STN_CHECKBOX_FIGMA, STN_CHECKBOX_INTRO, STN_CHECKBOX_PLAYGROUND_DEFAULT, STN_CHECKBOX_PLAYGROUND_INTRO, STN_CHECKBOX_PLAYGROUND_PROPERTIES, STN_CHECKBOX_REACT_USAGE, STN_CHECKBOX_USAGE_HTML, StnCheckboxPlaygroundConfig, countCheckboxPlaygroundCombinations, describeCheckboxPlaygroundReact, listCheckboxPlaygroundMatrix } from './stnCheckbox.js';
|
|
10
10
|
export { STN_CHIP_BORDER_ACCENTS, STN_CHIP_GRADE_LEGACY_CLASS, STN_CHIP_GRADE_ROWS, STN_CHIP_INTRO, STN_CHIP_METRICS, STN_CHIP_USAGE_ROWS, StnChipBorderAccent, StnChipGrade, StnChipLegacyGradeClass, StnChipUsageRow } from './stnChip.js';
|
|
11
11
|
export { STN_ALL_PALETTE_ROWS, STN_BLUE_SCALE, STN_COBALT_SCALE, STN_COLOR_RATIO_SEGMENTS, STN_COLOR_RATIO_SEGMENTS_DARK, STN_COLOR_RATIO_SEGMENTS_LIGHT, STN_CYAN_SCALE, STN_GRAY_SCALE, STN_GREEN_SCALE, STN_OPACITY_BLACK_SCALE, STN_OPACITY_WHITE_SCALE, STN_ORANGE_SCALE, STN_PURPLE_SCALE, STN_RED_SCALE, STN_SEMANTIC_DARK_ROWS, STN_SEMANTIC_DS_ALIAS_DARK, STN_SEMANTIC_DS_ALIAS_LIGHT, STN_SEMANTIC_LIGHT_ROWS, STN_SEMANTIC_PRIMARY_DARK, STN_SEMANTIC_PRIMARY_LIGHT, STN_STATIC, STN_TEAL_SCALE, STN_YELLOW_SCALE, SemanticJsonEntry, StnColorRatioSegment, StnPaletteRow, StnSemanticTokenRow, hexToRgbString, paletteToJsonRecord, semanticPaletteToJsonRecord } from './stnColorPalette.js';
|
package/dist/data/index.js
CHANGED
|
@@ -145,7 +145,7 @@ import {
|
|
|
145
145
|
import {
|
|
146
146
|
STN_UI_VERSION,
|
|
147
147
|
STN_UI_VERSION_LABEL
|
|
148
|
-
} from "../chunk-
|
|
148
|
+
} from "../chunk-THTVXGTK.js";
|
|
149
149
|
import {
|
|
150
150
|
STN_PAGE_ENTER_MOTION_INTRO,
|
|
151
151
|
STN_PAGE_ENTER_MOTION_ROWS,
|
|
@@ -240,8 +240,10 @@ import {
|
|
|
240
240
|
STN_CARD_VARIANTS
|
|
241
241
|
} from "../chunk-AJLP3Y53.js";
|
|
242
242
|
import {
|
|
243
|
-
|
|
244
|
-
|
|
243
|
+
STN_CHART_COLOR_DEFINITIONS,
|
|
244
|
+
STN_CHART_INTRO,
|
|
245
|
+
STN_CHART_STATUS_DEFINITIONS
|
|
246
|
+
} from "../chunk-C5WP6UQO.js";
|
|
245
247
|
import {
|
|
246
248
|
STN_CHECKBOX_FIGMA,
|
|
247
249
|
STN_CHECKBOX_INTRO,
|
|
@@ -595,7 +597,9 @@ export {
|
|
|
595
597
|
STN_CARD_SEVERITIES,
|
|
596
598
|
STN_CARD_VARIANTS,
|
|
597
599
|
STN_CDN_ASSET_BASE,
|
|
600
|
+
STN_CHART_COLOR_DEFINITIONS,
|
|
598
601
|
STN_CHART_INTRO,
|
|
602
|
+
STN_CHART_STATUS_DEFINITIONS,
|
|
599
603
|
STN_CHECKBOX_FIGMA,
|
|
600
604
|
STN_CHECKBOX_INTRO,
|
|
601
605
|
STN_CHECKBOX_PLAYGROUND_DEFAULT,
|
package/dist/data/stnChart.d.ts
CHANGED
|
@@ -1,4 +1,38 @@
|
|
|
1
1
|
/** Components → Chart — 대시보드 본문 차트·현황 블록 */
|
|
2
2
|
declare const STN_CHART_INTRO = "\uC704\uC82F \uC178(`StnWidget`) \uC548\uC5D0 \uB123\uB294 \uCC28\uD2B8\u00B7\uB9C9\uB300\u00B7\uD604\uD669 \uBCF8\uBB38\uC785\uB2C8\uB2E4. Patterns \u2192 Widget\uC740 \uC178 + Chart \uC870\uD569\uC73C\uB85C \uC2E4\uC81C \uB300\uC2DC\uBCF4\uB4DC \uC704\uC82F\uC744 \uBCF4\uC5EC \uC90D\uB2C8\uB2E4.";
|
|
3
|
+
type StnChartColorDefinition = {
|
|
4
|
+
num: number;
|
|
5
|
+
token: string;
|
|
6
|
+
cssVar: string;
|
|
7
|
+
name: string;
|
|
8
|
+
nameKo: string;
|
|
9
|
+
darkPrimitive: string;
|
|
10
|
+
lightPrimitive: string;
|
|
11
|
+
description: string;
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* STN 비상태 데이터 시각화 전용 통합 10종 컬러 팔레트 정의
|
|
15
|
+
* 모든 차트 컴포넌트(StnBarChart, StnPieChart, StnLineChart, StnComboChart)에 순차 자동 적용되는 SSOT 기준입니다.
|
|
16
|
+
* 심각도/경보(Critical, Major, Minor, Warning)와 중복되지 않도록 고유한 색조(Hue) 및 명암 대비로 엄선되었습니다.
|
|
17
|
+
*/
|
|
18
|
+
declare const STN_CHART_COLOR_DEFINITIONS: StnChartColorDefinition[];
|
|
19
|
+
type StnChartStatus = 'critical' | 'major' | 'minor' | 'warning' | 'success' | 'info' | 'neutral';
|
|
20
|
+
type StnChartStatusDefinition = {
|
|
21
|
+
status: StnChartStatus;
|
|
22
|
+
token: string;
|
|
23
|
+
cssVar: string;
|
|
24
|
+
aliasVar: string;
|
|
25
|
+
name: string;
|
|
26
|
+
nameKo: string;
|
|
27
|
+
baseToken: string;
|
|
28
|
+
darkPrimitive: string;
|
|
29
|
+
lightPrimitive: string;
|
|
30
|
+
description: string;
|
|
31
|
+
};
|
|
32
|
+
/**
|
|
33
|
+
* STN 차트 전용 상태/심각도(Severity & Status) 시맨틱 컬러 정의
|
|
34
|
+
* 장애·경보·가동률·점검 등 상태 기반 지표를 차트에 직관적으로 매핑할 때 사용합니다.
|
|
35
|
+
*/
|
|
36
|
+
declare const STN_CHART_STATUS_DEFINITIONS: StnChartStatusDefinition[];
|
|
3
37
|
|
|
4
|
-
export { STN_CHART_INTRO };
|
|
38
|
+
export { STN_CHART_COLOR_DEFINITIONS, STN_CHART_INTRO, STN_CHART_STATUS_DEFINITIONS, type StnChartColorDefinition, type StnChartStatus, type StnChartStatusDefinition };
|
package/dist/data/stnChart.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
STN_CHART_COLOR_DEFINITIONS,
|
|
3
|
+
STN_CHART_INTRO,
|
|
4
|
+
STN_CHART_STATUS_DEFINITIONS
|
|
5
|
+
} from "../chunk-C5WP6UQO.js";
|
|
4
6
|
export {
|
|
5
|
-
|
|
7
|
+
STN_CHART_COLOR_DEFINITIONS,
|
|
8
|
+
STN_CHART_INTRO,
|
|
9
|
+
STN_CHART_STATUS_DEFINITIONS
|
|
6
10
|
};
|
|
7
11
|
//# sourceMappingURL=stnChart.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/** Package version constants */
|
|
2
|
-
declare const STN_UI_VERSION = "0.1.
|
|
3
|
-
declare const STN_UI_VERSION_LABEL = "v0.1.
|
|
2
|
+
declare const STN_UI_VERSION = "0.1.82";
|
|
3
|
+
declare const STN_UI_VERSION_LABEL = "v0.1.82";
|
|
4
4
|
|
|
5
5
|
export { STN_UI_VERSION, STN_UI_VERSION_LABEL };
|
package/dist/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ export { STN_BREADCRUMB_DEMO_ITEMS, STN_BREADCRUMB_FIGMA, STN_BREADCRUMB_FIGMA_L
|
|
|
5
5
|
export { STN_BREAKPOINT_INTRO, STN_BREAKPOINT_MEDIA, STN_BREAKPOINT_ROWS, StnBreakpointRow, breakpointTokensToJson } from './data/stnBreakpoint.js';
|
|
6
6
|
export { STN_BUTTON_ICON_ONLY_INTRO, STN_BUTTON_ICON_ONLY_ROWS, STN_ICON_BUTTON_DEFAULT_SURFACE, STN_ICON_BUTTON_SURFACES, STN_ICON_BUTTON_VARIANTS, StnButtonIconOnlyRow, StnIconButtonSurface, StnIconButtonVariant } from './data/stnButtonIconOnly.js';
|
|
7
7
|
export { STN_BUTTON_STATE_INTRO, STN_BUTTON_STATE_MATRIX, STN_BUTTON_STATE_STATES, STN_BUTTON_STATE_VARIANTS, STN_BUTTON_VARIANT_MAP, StnButtonFigmaVariant, StnButtonInteractionState, StnButtonPubStatus, StnButtonStateCell, getButtonStateCell } from './data/stnButtonStates.js';
|
|
8
|
-
export { STN_CHART_INTRO } from './data/stnChart.js';
|
|
8
|
+
export { STN_CHART_COLOR_DEFINITIONS, STN_CHART_INTRO, STN_CHART_STATUS_DEFINITIONS, StnChartColorDefinition, StnChartStatus, StnChartStatusDefinition } from './data/stnChart.js';
|
|
9
9
|
export { STN_CHECKBOX_FIGMA, STN_CHECKBOX_INTRO, STN_CHECKBOX_PLAYGROUND_DEFAULT, STN_CHECKBOX_PLAYGROUND_INTRO, STN_CHECKBOX_PLAYGROUND_PROPERTIES, STN_CHECKBOX_REACT_USAGE, STN_CHECKBOX_USAGE_HTML, StnCheckboxPlaygroundConfig, countCheckboxPlaygroundCombinations, describeCheckboxPlaygroundReact, listCheckboxPlaygroundMatrix } from './data/stnCheckbox.js';
|
|
10
10
|
export { STN_CHIP_BORDER_ACCENTS, STN_CHIP_GRADE_LEGACY_CLASS, STN_CHIP_GRADE_ROWS, STN_CHIP_INTRO, STN_CHIP_METRICS, STN_CHIP_USAGE_ROWS, StnChipBorderAccent, StnChipGrade, StnChipLegacyGradeClass, StnChipUsageRow } from './data/stnChip.js';
|
|
11
11
|
export { STN_ALL_PALETTE_ROWS, STN_BLUE_SCALE, STN_COBALT_SCALE, STN_COLOR_RATIO_SEGMENTS, STN_COLOR_RATIO_SEGMENTS_DARK, STN_COLOR_RATIO_SEGMENTS_LIGHT, STN_CYAN_SCALE, STN_GRAY_SCALE, STN_GREEN_SCALE, STN_OPACITY_BLACK_SCALE, STN_OPACITY_WHITE_SCALE, STN_ORANGE_SCALE, STN_PURPLE_SCALE, STN_RED_SCALE, STN_SEMANTIC_DARK_ROWS, STN_SEMANTIC_DS_ALIAS_DARK, STN_SEMANTIC_DS_ALIAS_LIGHT, STN_SEMANTIC_LIGHT_ROWS, STN_SEMANTIC_PRIMARY_DARK, STN_SEMANTIC_PRIMARY_LIGHT, STN_STATIC, STN_TEAL_SCALE, STN_YELLOW_SCALE, SemanticJsonEntry, StnColorRatioSegment, StnPaletteRow, StnSemanticTokenRow, hexToRgbString, paletteToJsonRecord, semanticPaletteToJsonRecord } from './data/stnColorPalette.js';
|
package/dist/index.js
CHANGED
|
@@ -150,7 +150,7 @@ import {
|
|
|
150
150
|
import {
|
|
151
151
|
STN_UI_VERSION,
|
|
152
152
|
STN_UI_VERSION_LABEL
|
|
153
|
-
} from "./chunk-
|
|
153
|
+
} from "./chunk-THTVXGTK.js";
|
|
154
154
|
import {
|
|
155
155
|
STN_PAGE_ENTER_MOTION_INTRO,
|
|
156
156
|
STN_PAGE_ENTER_MOTION_ROWS,
|
|
@@ -245,8 +245,10 @@ import {
|
|
|
245
245
|
STN_CARD_VARIANTS
|
|
246
246
|
} from "./chunk-AJLP3Y53.js";
|
|
247
247
|
import {
|
|
248
|
-
|
|
249
|
-
|
|
248
|
+
STN_CHART_COLOR_DEFINITIONS,
|
|
249
|
+
STN_CHART_INTRO,
|
|
250
|
+
STN_CHART_STATUS_DEFINITIONS
|
|
251
|
+
} from "./chunk-C5WP6UQO.js";
|
|
250
252
|
import {
|
|
251
253
|
STN_CHECKBOX_FIGMA,
|
|
252
254
|
STN_CHECKBOX_INTRO,
|
|
@@ -600,7 +602,9 @@ export {
|
|
|
600
602
|
STN_CARD_SEVERITIES,
|
|
601
603
|
STN_CARD_VARIANTS,
|
|
602
604
|
STN_CDN_ASSET_BASE,
|
|
605
|
+
STN_CHART_COLOR_DEFINITIONS,
|
|
603
606
|
STN_CHART_INTRO,
|
|
607
|
+
STN_CHART_STATUS_DEFINITIONS,
|
|
604
608
|
STN_CHECKBOX_FIGMA,
|
|
605
609
|
STN_CHECKBOX_INTRO,
|
|
606
610
|
STN_CHECKBOX_PLAYGROUND_DEFAULT,
|