@stn-uiux/pub-ui 0.1.81 → 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.
@@ -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,9 @@
1
+ // src/data/stnPackageVersion.ts
2
+ var STN_UI_VERSION = "0.1.82";
3
+ var STN_UI_VERSION_LABEL = "v0.1.82";
4
+
5
+ export {
6
+ STN_UI_VERSION,
7
+ STN_UI_VERSION_LABEL
8
+ };
9
+ //# sourceMappingURL=chunk-THTVXGTK.js.map
@@ -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":[]}
@@ -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';
@@ -145,7 +145,7 @@ import {
145
145
  import {
146
146
  STN_UI_VERSION,
147
147
  STN_UI_VERSION_LABEL
148
- } from "../chunk-PSVPO4FH.js";
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
- STN_CHART_INTRO
244
- } from "../chunk-DGZVOSEM.js";
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,
@@ -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 };
@@ -1,7 +1,11 @@
1
1
  import {
2
- STN_CHART_INTRO
3
- } from "../chunk-DGZVOSEM.js";
2
+ STN_CHART_COLOR_DEFINITIONS,
3
+ STN_CHART_INTRO,
4
+ STN_CHART_STATUS_DEFINITIONS
5
+ } from "../chunk-C5WP6UQO.js";
4
6
  export {
5
- STN_CHART_INTRO
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.80";
3
- declare const STN_UI_VERSION_LABEL = "v0.1.80";
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 };
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  STN_UI_VERSION,
3
3
  STN_UI_VERSION_LABEL
4
- } from "../chunk-PSVPO4FH.js";
4
+ } from "../chunk-THTVXGTK.js";
5
5
  export {
6
6
  STN_UI_VERSION,
7
7
  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-PSVPO4FH.js";
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
- STN_CHART_INTRO
249
- } from "./chunk-DGZVOSEM.js";
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,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stn-uiux/pub-ui",
3
- "version": "0.1.81",
3
+ "version": "0.1.82",
4
4
  "description": "STN Pub design system — tokens, specs, and CSS for product HTML / React apps",
5
5
  "type": "module",
6
6
  "sideEffects": [