@stn-uiux/pub-ui 0.1.85 → 0.1.87
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-BYGKJSDN.js → chunk-6HRKKRTT.js} +18 -3
- package/dist/chunk-6HRKKRTT.js.map +1 -0
- package/dist/{chunk-YN774RCQ.js → chunk-6TQ4O7BK.js} +2 -2
- package/dist/chunk-7OZGRHFD.js +15 -0
- package/dist/chunk-7OZGRHFD.js.map +1 -0
- package/dist/{chunk-W7K3FSAX.js → chunk-F5WWHWEU.js} +9 -1
- package/dist/chunk-F5WWHWEU.js.map +1 -0
- package/dist/chunk-I2Y7E4TU.js +15 -0
- package/dist/chunk-I2Y7E4TU.js.map +1 -0
- package/dist/chunk-PXTPAYC3.js +1 -0
- package/dist/{chunk-SOEBXG3T.js → chunk-U66BCO23.js} +2 -2
- package/dist/chunk-ZGYPJEU3.js +9 -0
- package/dist/chunk-ZGYPJEU3.js.map +1 -0
- package/dist/cli.js +7 -7
- package/dist/data/index.d.ts +3 -1
- package/dist/data/index.js +61 -47
- package/dist/data/stnColorPalette.js +2 -2
- package/dist/data/stnFeedbackColors.d.ts +7 -0
- package/dist/data/stnFeedbackColors.js +1 -1
- package/dist/data/stnList.d.ts +19 -0
- package/dist/data/stnList.js +9 -0
- package/dist/data/stnList.js.map +1 -0
- package/dist/data/stnMenu.d.ts +22 -0
- package/dist/data/stnMenu.js +9 -0
- package/dist/data/stnMenu.js.map +1 -0
- package/dist/data/stnPackageVersion.d.ts +2 -2
- package/dist/data/stnPackageVersion.js +1 -1
- package/dist/data/stnSplitView.d.ts +3 -1
- package/dist/data/stnSplitView.js +3 -1
- package/dist/data/stnToast.js +2 -2
- package/dist/index.d.ts +3 -1
- package/dist/index.js +61 -47
- package/package.json +1 -1
- package/styles/components/stn-badge.css +17 -0
- package/styles/components/stn-breadcrumb.css +9 -0
- package/styles/components/stn-card.css +32 -0
- package/styles/components/stn-drawer.css +7 -0
- package/styles/components/stn-list.css +430 -0
- package/styles/components/stn-menu.css +467 -0
- package/styles/components/stn-popup.css +32 -0
- package/styles/components/stn-topology.css +93 -1
- package/styles/foundations/stn-typography.css +1 -0
- package/styles/layouts/stn-container.css +49 -5
- package/styles/layouts/stn-layer1-content.css +4 -1
- package/styles/patterns/stn-floating-toolbar.css +39 -0
- package/styles/patterns/stn-split-view.css +68 -0
- package/styles/style-pub.css +2 -0
- package/styles/tokens/stn-colors-semantic.css +36 -4
- package/styles/tokens/stn-size-semantic.css +22 -4
- package/styles/tokens/stn-size.css +1 -0
- package/dist/chunk-5QPBSOJ6.js +0 -9
- package/dist/chunk-5QPBSOJ6.js.map +0 -1
- package/dist/chunk-BYGKJSDN.js.map +0 -1
- package/dist/chunk-ERZPIKPF.js +0 -1
- package/dist/chunk-W7K3FSAX.js.map +0 -1
- /package/dist/{chunk-YN774RCQ.js.map → chunk-6TQ4O7BK.js.map} +0 -0
- /package/dist/{chunk-ERZPIKPF.js.map → chunk-PXTPAYC3.js.map} +0 -0
- /package/dist/{chunk-SOEBXG3T.js.map → chunk-U66BCO23.js.map} +0 -0
|
@@ -3,7 +3,8 @@ var FEEDBACK_PRIMITIVE_HEX = {
|
|
|
3
3
|
"pub.blue.400": "#00aeef",
|
|
4
4
|
"pub.green.400": "#1fa550",
|
|
5
5
|
"pub.yellow.300": "#ffdc53",
|
|
6
|
-
"pub.red.400": "#d61f3a"
|
|
6
|
+
"pub.red.400": "#d61f3a",
|
|
7
|
+
"pub.purple.400": "#8b5cf6"
|
|
7
8
|
};
|
|
8
9
|
var STN_FEEDBACK_SOURCE = {
|
|
9
10
|
info: {
|
|
@@ -33,6 +34,13 @@ var STN_FEEDBACK_SOURCE = {
|
|
|
33
34
|
descKo: "\uAE34\uAE09, \uC624\uB958",
|
|
34
35
|
toastVar: "--stn-feedback-error",
|
|
35
36
|
toastifyVar: "--stn-feedback-error"
|
|
37
|
+
},
|
|
38
|
+
discovery: {
|
|
39
|
+
hex: "#8b5cf6",
|
|
40
|
+
label: "DISCOVERY",
|
|
41
|
+
descKo: "\uC2E0\uADDC, \uBC1C\uACAC, \uD2B9\uBCC4 \uC548\uB0B4",
|
|
42
|
+
toastVar: "--stn-feedback-discovery",
|
|
43
|
+
toastifyVar: "--stn-feedback-discovery"
|
|
36
44
|
}
|
|
37
45
|
};
|
|
38
46
|
var STN_FEEDBACK_SEMANTIC_ROWS = [
|
|
@@ -59,13 +67,20 @@ var STN_FEEDBACK_SEMANTIC_ROWS = [
|
|
|
59
67
|
cssVar: "--stn-feedback-error",
|
|
60
68
|
hex: FEEDBACK_PRIMITIVE_HEX["pub.red.400"],
|
|
61
69
|
primitiveToken: "pub.red.400"
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
token: "pub.feedback.discovery",
|
|
73
|
+
cssVar: "--stn-feedback-discovery",
|
|
74
|
+
hex: FEEDBACK_PRIMITIVE_HEX["pub.purple.400"],
|
|
75
|
+
primitiveToken: "pub.purple.400"
|
|
62
76
|
}
|
|
63
77
|
];
|
|
64
78
|
var STN_FEEDBACK_BY_KIND = {
|
|
65
79
|
info: STN_FEEDBACK_SEMANTIC_ROWS[0],
|
|
66
80
|
success: STN_FEEDBACK_SEMANTIC_ROWS[1],
|
|
67
81
|
warn: STN_FEEDBACK_SEMANTIC_ROWS[2],
|
|
68
|
-
error: STN_FEEDBACK_SEMANTIC_ROWS[3]
|
|
82
|
+
error: STN_FEEDBACK_SEMANTIC_ROWS[3],
|
|
83
|
+
discovery: STN_FEEDBACK_SEMANTIC_ROWS[4]
|
|
69
84
|
};
|
|
70
85
|
|
|
71
86
|
export {
|
|
@@ -73,4 +88,4 @@ export {
|
|
|
73
88
|
STN_FEEDBACK_SEMANTIC_ROWS,
|
|
74
89
|
STN_FEEDBACK_BY_KIND
|
|
75
90
|
};
|
|
76
|
-
//# sourceMappingURL=chunk-
|
|
91
|
+
//# sourceMappingURL=chunk-6HRKKRTT.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/data/stnFeedbackColors.ts"],"sourcesContent":["import type { StnSemanticTokenRow } from './stnColorPalette'\n\n/** stnPubColorPalette.ts 와 동기 — 순환 import 방지를 위해 리터럴 사용 */\nconst FEEDBACK_PRIMITIVE_HEX = {\n 'pub.blue.400': '#00aeef',\n 'pub.green.400': '#1fa550',\n 'pub.yellow.300': '#ffdc53',\n 'pub.red.400': '#d61f3a',\n 'pub.purple.400': '#8b5cf6',\n} as const\n\n/** 01 PC_HTML_Revision · pub/pub.css `--toastify-color-*` (아이콘·progress bar; toastTheme light/dark) */\nexport const STN_FEEDBACK_SOURCE = {\n info: {\n hex: '#3498db',\n label: 'INFO',\n descKo: '안내, 정보',\n toastVar: '--stn-feedback-info',\n toastifyVar: '--stn-feedback-info',\n },\n success: {\n hex: '#07bc0c',\n label: 'SUCCESS',\n descKo: '완료, 성공',\n toastVar: '--stn-feedback-success',\n toastifyVar: '--stn-feedback-success',\n },\n warn: {\n hex: '#f1c40f',\n label: 'WARN',\n descKo: '주의, 경고',\n toastVar: '--stn-feedback-warning',\n toastifyVar: '--stn-feedback-warning',\n },\n error: {\n hex: '#e74c3c',\n label: 'ERROR',\n descKo: '긴급, 오류',\n toastVar: '--stn-feedback-error',\n toastifyVar: '--stn-feedback-error',\n },\n discovery: {\n hex: '#8b5cf6',\n label: 'DISCOVERY',\n descKo: '신규, 발견, 특별 안내',\n toastVar: '--stn-feedback-discovery',\n toastifyVar: '--stn-feedback-discovery',\n },\n} as const\n\nexport type StnFeedbackKind = keyof typeof STN_FEEDBACK_SOURCE\n\n/** Pub toastify 유형색 → DS primitive (`--stn-feedback-*` · `--toastify-color-*`) */\nexport const STN_FEEDBACK_SEMANTIC_ROWS: StnSemanticTokenRow[] = [\n {\n token: 'pub.feedback.info',\n cssVar: '--stn-feedback-info',\n hex: FEEDBACK_PRIMITIVE_HEX['pub.blue.400'],\n primitiveToken: 'pub.blue.400',\n },\n {\n token: 'pub.feedback.success',\n cssVar: '--stn-feedback-success',\n hex: FEEDBACK_PRIMITIVE_HEX['pub.green.400'],\n primitiveToken: 'pub.green.400',\n },\n {\n token: 'pub.feedback.warning',\n cssVar: '--stn-feedback-warning',\n hex: FEEDBACK_PRIMITIVE_HEX['pub.yellow.300'],\n primitiveToken: 'pub.yellow.300',\n },\n {\n token: 'pub.feedback.error',\n cssVar: '--stn-feedback-error',\n hex: FEEDBACK_PRIMITIVE_HEX['pub.red.400'],\n primitiveToken: 'pub.red.400',\n },\n {\n token: 'pub.feedback.discovery',\n cssVar: '--stn-feedback-discovery',\n hex: FEEDBACK_PRIMITIVE_HEX['pub.purple.400'],\n primitiveToken: 'pub.purple.400',\n },\n]\n\nexport const STN_FEEDBACK_BY_KIND: Record<StnFeedbackKind, StnSemanticTokenRow> = {\n info: STN_FEEDBACK_SEMANTIC_ROWS[0]!,\n success: STN_FEEDBACK_SEMANTIC_ROWS[1]!,\n warn: STN_FEEDBACK_SEMANTIC_ROWS[2]!,\n error: STN_FEEDBACK_SEMANTIC_ROWS[3]!,\n discovery: STN_FEEDBACK_SEMANTIC_ROWS[4]!,\n}\n"],"mappings":";AAGA,IAAM,yBAAyB;AAAA,EAC7B,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,kBAAkB;AACpB;AAGO,IAAM,sBAAsB;AAAA,EACjC,MAAM;AAAA,IACJ,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EACA,MAAM;AAAA,IACJ,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EACA,OAAO;AAAA,IACL,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EACA,WAAW;AAAA,IACT,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,aAAa;AAAA,EACf;AACF;AAKO,IAAM,6BAAoD;AAAA,EAC/D;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK,uBAAuB,cAAc;AAAA,IAC1C,gBAAgB;AAAA,EAClB;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK,uBAAuB,eAAe;AAAA,IAC3C,gBAAgB;AAAA,EAClB;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK,uBAAuB,gBAAgB;AAAA,IAC5C,gBAAgB;AAAA,EAClB;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK,uBAAuB,aAAa;AAAA,IACzC,gBAAgB;AAAA,EAClB;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK,uBAAuB,gBAAgB;AAAA,IAC5C,gBAAgB;AAAA,EAClB;AACF;AAEO,IAAM,uBAAqE;AAAA,EAChF,MAAM,2BAA2B,CAAC;AAAA,EAClC,SAAS,2BAA2B,CAAC;AAAA,EACrC,MAAM,2BAA2B,CAAC;AAAA,EAClC,OAAO,2BAA2B,CAAC;AAAA,EACnC,WAAW,2BAA2B,CAAC;AACzC;","names":[]}
|
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
} from "./chunk-E26XJXQY.js";
|
|
8
8
|
import {
|
|
9
9
|
STN_FEEDBACK_SEMANTIC_ROWS
|
|
10
|
-
} from "./chunk-
|
|
10
|
+
} from "./chunk-6HRKKRTT.js";
|
|
11
11
|
|
|
12
12
|
// src/data/stnColorPalette.ts
|
|
13
13
|
function pubRow(family, step, value) {
|
|
@@ -446,4 +446,4 @@ export {
|
|
|
446
446
|
STN_SEMANTIC_LIGHT_ROWS,
|
|
447
447
|
STN_SEMANTIC_DARK_ROWS
|
|
448
448
|
};
|
|
449
|
-
//# sourceMappingURL=chunk-
|
|
449
|
+
//# sourceMappingURL=chunk-6TQ4O7BK.js.map
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// src/data/stnMenu.ts
|
|
2
|
+
var STN_MENU_SIZES = [
|
|
3
|
+
{ size: "xs", itemHeight: 24, paddingY: 2, paddingX: 6, fontSize: "caption", iconSize: 14, gap: 4, desc: "\uCD08\uC18C\uD615 \uCEE8\uD14D\uC2A4\uD2B8 \uBA54\uB274, \uD234\uD301 \uB0B4\uBD80 \uC561\uC158" },
|
|
4
|
+
{ size: "sm", itemHeight: 28, paddingY: 4, paddingX: 6, fontSize: "caption", iconSize: 16, gap: 4, desc: "\uCEF4\uD329\uD2B8 \uB4DC\uB86D\uB2E4\uC6B4 \uBC0F \uBC00\uC9D1 \uD234\uBC14 \uC561\uC158 \uBA54\uB274 (dense)" },
|
|
5
|
+
{ size: "md", itemHeight: 32, paddingY: 6, paddingX: 8, fontSize: "body-small (13px)", iconSize: 16, gap: 6, desc: "\uD45C\uC900 \uAE30\uBCF8 \uBA54\uB274 (\uB4DC\uB86D\uB2E4\uC6B4 \uC635\uC158 SSOT\uC640 100% \uB3D9\uC77C)" },
|
|
6
|
+
{ size: "lg", itemHeight: 38, paddingY: 8, paddingX: 10, fontSize: "body-2 (14px)", iconSize: 18, gap: 8, desc: "\uD130\uCE58 \uBC0F \uC544\uBC14\uD0C0 \uD504\uB85C\uD544 \uC5F0\uB3D9 \uBA54\uB274" },
|
|
7
|
+
{ size: "xl", itemHeight: 44, paddingY: 10, paddingX: 12, fontSize: "body-1 (16px)", iconSize: 20, gap: 10, desc: "\uB300\uD615 \uD558\uC774\uB77C\uC774\uD2B8 \uB0B4\uBE44\uAC8C\uC774\uC158 \uBA54\uB274" }
|
|
8
|
+
];
|
|
9
|
+
var STN_MENU_INTRO = "StnMenu\uB294 \uBC84\uD2BC \uC575\uCEE4\uB9C1 \uB4DC\uB86D\uB2E4\uC6B4, \uC6B0\uD074\uB9AD \uCEE8\uD14D\uC2A4\uD2B8 \uBA54\uB274(Context Menu), \uC561\uC158 \uC2DC\uD2B8, \uADF8\uB8F9 \uCE74\uD14C\uACE0\uB9AC \uBA54\uB274\uB97C \uC81C\uACF5\uD558\uB294 STN \uB514\uC790\uC778 \uC2DC\uC2A4\uD15C \uD45C\uC900 \uCEF4\uD3EC\uB10C\uD2B8\uC785\uB2C8\uB2E4. \uB2E8\uCD95\uD0A4 \uD78C\uD2B8, \uCCB4\uD06C/\uB77C\uB514\uC624 \uBAA8\uB4DC, \uC544\uC774\uCF58 \uC778\uC14B \uC815\uB82C, \uC2A4\uD06C\uB864 \uC81C\uD55C(maxHeight), \uC704\uD5D8 \uC561\uC158(destructive)\uC744 \uC644\uBCBD\uD558\uAC8C \uC9C0\uC6D0\uD569\uB2C8\uB2E4.";
|
|
10
|
+
|
|
11
|
+
export {
|
|
12
|
+
STN_MENU_SIZES,
|
|
13
|
+
STN_MENU_INTRO
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=chunk-7OZGRHFD.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/data/stnMenu.ts"],"sourcesContent":["/**\n * StnMenu — STN 디자인 시스템 표준 메뉴 컴포넌트 데이터 규격 (SSOT)\n */\n\nexport type StnMenuSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport type StnMenuPadding = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport type StnMenuElevation = 0 | 1 | 2 | 3 | 4 | 5\n\nexport type StnMenuWidth =\n | 'w80'\n | 'w100'\n | 'w120'\n | 'w140'\n | 'w160'\n | 'w180'\n | 'w200'\n | 'full'\n\nexport type StnMenuItemRole = 'menuitem' | 'menuitemcheckbox' | 'menuitemradio'\n\nexport interface StnMenuSizeSpec {\n size: StnMenuSize\n itemHeight: number\n paddingY: number\n paddingX: number\n fontSize: string\n iconSize: number\n gap: number\n desc: string\n}\n\nexport const STN_MENU_SIZES: readonly StnMenuSizeSpec[] = [\n { size: 'xs', itemHeight: 24, paddingY: 2, paddingX: 6, fontSize: 'caption', iconSize: 14, gap: 4, desc: '초소형 컨텍스트 메뉴, 툴팁 내부 액션' },\n { size: 'sm', itemHeight: 28, paddingY: 4, paddingX: 6, fontSize: 'caption', iconSize: 16, gap: 4, desc: '컴팩트 드롭다운 및 밀집 툴바 액션 메뉴 (dense)' },\n { size: 'md', itemHeight: 32, paddingY: 6, paddingX: 8, fontSize: 'body-small (13px)', iconSize: 16, gap: 6, desc: '표준 기본 메뉴 (드롭다운 옵션 SSOT와 100% 동일)' },\n { size: 'lg', itemHeight: 38, paddingY: 8, paddingX: 10, fontSize: 'body-2 (14px)', iconSize: 18, gap: 8, desc: '터치 및 아바타 프로필 연동 메뉴' },\n { size: 'xl', itemHeight: 44, paddingY: 10, paddingX: 12, fontSize: 'body-1 (16px)', iconSize: 20, gap: 10, desc: '대형 하이라이트 내비게이션 메뉴' },\n] as const\n\nexport const STN_MENU_INTRO =\n 'StnMenu는 버튼 앵커링 드롭다운, 우클릭 컨텍스트 메뉴(Context Menu), 액션 시트, 그룹 카테고리 메뉴를 제공하는 STN 디자인 시스템 표준 컴포넌트입니다. 단축키 힌트, 체크/라디오 모드, 아이콘 인셋 정렬, 스크롤 제한(maxHeight), 위험 액션(destructive)을 완벽하게 지원합니다.'\n"],"mappings":";AAiCO,IAAM,iBAA6C;AAAA,EACxD,EAAE,MAAM,MAAM,YAAY,IAAI,UAAU,GAAG,UAAU,GAAG,UAAU,WAAW,UAAU,IAAI,KAAK,GAAG,MAAM,mGAAwB;AAAA,EACjI,EAAE,MAAM,MAAM,YAAY,IAAI,UAAU,GAAG,UAAU,GAAG,UAAU,WAAW,UAAU,IAAI,KAAK,GAAG,MAAM,iHAAiC;AAAA,EAC1I,EAAE,MAAM,MAAM,YAAY,IAAI,UAAU,GAAG,UAAU,GAAG,UAAU,qBAAqB,UAAU,IAAI,KAAK,GAAG,MAAM,8GAAmC;AAAA,EACtJ,EAAE,MAAM,MAAM,YAAY,IAAI,UAAU,GAAG,UAAU,IAAI,UAAU,iBAAiB,UAAU,IAAI,KAAK,GAAG,MAAM,sFAAqB;AAAA,EACrI,EAAE,MAAM,MAAM,YAAY,IAAI,UAAU,IAAI,UAAU,IAAI,UAAU,iBAAiB,UAAU,IAAI,KAAK,IAAI,MAAM,0FAAoB;AACxI;AAEO,IAAM,iBACX;","names":[]}
|
|
@@ -1,4 +1,11 @@
|
|
|
1
1
|
// src/data/stnSplitView.ts
|
|
2
|
+
var STN_SPLIT_VIEW_PADDINGS = [
|
|
3
|
+
"none",
|
|
4
|
+
"xs",
|
|
5
|
+
"sm",
|
|
6
|
+
"md",
|
|
7
|
+
"lg"
|
|
8
|
+
];
|
|
2
9
|
var STN_SPLIT_VIEW_SIDE_WIDTHS = ["sm", "md", "lg"];
|
|
3
10
|
var STN_SPLIT_VIEW_OVERLAY_PLACEMENTS = [
|
|
4
11
|
"top-left",
|
|
@@ -17,8 +24,9 @@ var STN_SPLIT_VIEW_INTRO = {
|
|
|
17
24
|
};
|
|
18
25
|
|
|
19
26
|
export {
|
|
27
|
+
STN_SPLIT_VIEW_PADDINGS,
|
|
20
28
|
STN_SPLIT_VIEW_SIDE_WIDTHS,
|
|
21
29
|
STN_SPLIT_VIEW_OVERLAY_PLACEMENTS,
|
|
22
30
|
STN_SPLIT_VIEW_INTRO
|
|
23
31
|
};
|
|
24
|
-
//# sourceMappingURL=chunk-
|
|
32
|
+
//# sourceMappingURL=chunk-F5WWHWEU.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/data/stnSplitView.ts"],"sourcesContent":["/**\n * STN Split View Pattern — Side + Stage shell (SSOT types)\n * Store locator / 망구성도 / 캔버스 탐색: 중첩 Card 없이 좌 패널 + 우 스테이지.\n */\n\nexport type StnSplitViewSideWidth = 'sm' | 'md' | 'lg'\n\nexport type StnSplitViewPadding = 'none' | 'xs' | 'sm' | 'md' | 'lg'\n\nexport const STN_SPLIT_VIEW_PADDINGS: readonly StnSplitViewPadding[] = [\n 'none',\n 'xs',\n 'sm',\n 'md',\n 'lg',\n] as const\n\nexport type StnSplitViewOverlayPlacement =\n | 'top-left'\n | 'top-right'\n | 'bottom-left'\n | 'bottom-center'\n | 'bottom-right'\n | 'center-left'\n | 'center-right'\n\nexport const STN_SPLIT_VIEW_SIDE_WIDTHS: readonly StnSplitViewSideWidth[] = ['sm', 'md', 'lg'] as const\n\nexport const STN_SPLIT_VIEW_OVERLAY_PLACEMENTS: readonly StnSplitViewOverlayPlacement[] = [\n 'top-left',\n 'top-right',\n 'bottom-left',\n 'bottom-center',\n 'bottom-right',\n 'center-left',\n 'center-right',\n] as const\n\nexport const STN_SPLIT_VIEW_INTRO = {\n name: 'Split View',\n slug: 'split-view',\n kind: 'pattern' as const,\n description:\n '카드(또는 패널) 본문을 좌 Side · 우 Stage로 나누는 레이아웃 셸입니다. Stage는 position:relative 캔버스 호스트이며 StnFloatingToolbar·Overlay를 올립니다. 맵·토폴로지·스토어 로케이터 등에 공통으로 씁니다.',\n}\n"],"mappings":";AASO,IAAM,0BAA0D;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAWO,IAAM,6BAA+D,CAAC,MAAM,MAAM,IAAI;AAEtF,IAAM,oCAA6E;AAAA,EACxF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,uBAAuB;AAAA,EAClC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aACE;AACJ;","names":[]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// src/data/stnList.ts
|
|
2
|
+
var STN_LIST_SIZES = [
|
|
3
|
+
{ size: "xs", minHeight: 24, paddingY: 4, paddingX: 8, fontSize: "caption-small", desc: "\uCD08\uC18C\uD615 \uC790\uC6D0 \uD328\uB110, \uD234\uD301/\uB4DC\uB86D\uB2E4\uC6B4 \uB0B4\uBD80\uC6A9" },
|
|
4
|
+
{ size: "sm", minHeight: 32, paddingY: 6, paddingX: 10, fontSize: "caption-medium", desc: "\uB9DD\uAD6C\uC131\uB3C4 \uC0AC\uC774\uB4DC\uBC14 \uC790\uC6D0 \uBAA9\uB85D \uBC0F \uCEF4\uD329\uD2B8 \uBA54\uB274\uC6A9" },
|
|
5
|
+
{ size: "md", minHeight: 40, paddingY: 8, paddingX: 12, fontSize: "body-medium", desc: "\uD45C\uC900 \uAE30\uBCF8\uAC12, \uBAA8\uBC14\uC77C/PC \uACB8\uC6A9 1\uB2E8\xB72\uB2E8 \uD14D\uC2A4\uD2B8" },
|
|
6
|
+
{ size: "lg", minHeight: 48, paddingY: 12, paddingX: 14, fontSize: "body-large", desc: "\uC544\uBC14\uD0C0/\uC544\uC774\uCF58 + 2\uB2E8 \uD14D\uC2A4\uD2B8 + \uC6B0\uCE21 \uB2E4\uC911 \uBC84\uD2BC" },
|
|
7
|
+
{ size: "xl", minHeight: 56, paddingY: 16, paddingX: 16, fontSize: "title-medium", desc: "\uB300\uD615 \uCE74\uB4DC\uD615 \uD558\uC774\uB77C\uC774\uD2B8 \uBAA9\uB85D" }
|
|
8
|
+
];
|
|
9
|
+
var STN_LIST_INTRO = "StnList\uB294 1\uCC28\uC6D0 \uBAA9\uB85D \uAD6C\uC870\uB97C \uD45C\uD604\uD558\uAE30 \uC704\uD55C STN \uB514\uC790\uC778 \uC2DC\uC2A4\uD15C \uD45C\uC900 \uCEF4\uD3EC\uB10C\uD2B8\uC785\uB2C8\uB2E4. \uACC4\uCE35\uD615 \uC911\uCCA9(Collapse), \uC6B0\uCE21 \uB2E4\uC911 \uC561\uC158, \uC2A4\uC704\uCE58/\uCCB4\uD06C\uBC15\uC2A4 \uB3C4\uD0B9, \uC2A4\uD2F0\uD0A4 \uD5E4\uB354, \uB300\uC6A9\uB7C9 \uAC00\uC0C1\uD654 \uC2A4\uD06C\uB864(Virtual)\uC744 \uC644\uBCBD\uD558\uAC8C \uC9C0\uC6D0\uD569\uB2C8\uB2E4.";
|
|
10
|
+
|
|
11
|
+
export {
|
|
12
|
+
STN_LIST_SIZES,
|
|
13
|
+
STN_LIST_INTRO
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=chunk-I2Y7E4TU.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/data/stnList.ts"],"sourcesContent":["/**\n * StnList — STN 디자인 시스템 표준 목록 컴포넌트 데이터 규격 (SSOT)\n */\n\nexport type StnListSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport type StnListPadding = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport type StnListWidth =\n | 'w80'\n | 'w100'\n | 'w120'\n | 'w140'\n | 'w160'\n | 'w180'\n | 'w200'\n | 'full'\n\nexport type StnListVariant = 'flat' | 'card' | 'bordered'\n\nexport interface StnListSizeSpec {\n size: StnListSize\n minHeight: number\n paddingY: number\n paddingX: number\n fontSize: string\n desc: string\n}\n\nexport const STN_LIST_SIZES: readonly StnListSizeSpec[] = [\n { size: 'xs', minHeight: 24, paddingY: 4, paddingX: 8, fontSize: 'caption-small', desc: '초소형 자원 패널, 툴팁/드롭다운 내부용' },\n { size: 'sm', minHeight: 32, paddingY: 6, paddingX: 10, fontSize: 'caption-medium', desc: '망구성도 사이드바 자원 목록 및 컴팩트 메뉴용' },\n { size: 'md', minHeight: 40, paddingY: 8, paddingX: 12, fontSize: 'body-medium', desc: '표준 기본값, 모바일/PC 겸용 1단·2단 텍스트' },\n { size: 'lg', minHeight: 48, paddingY: 12, paddingX: 14, fontSize: 'body-large', desc: '아바타/아이콘 + 2단 텍스트 + 우측 다중 버튼' },\n { size: 'xl', minHeight: 56, paddingY: 16, paddingX: 16, fontSize: 'title-medium', desc: '대형 카드형 하이라이트 목록' },\n] as const\n\nexport const STN_LIST_INTRO =\n 'StnList는 1차원 목록 구조를 표현하기 위한 STN 디자인 시스템 표준 컴포넌트입니다. 계층형 중첩(Collapse), 우측 다중 액션, 스위치/체크박스 도킹, 스티키 헤더, 대용량 가상화 스크롤(Virtual)을 완벽하게 지원합니다.'\n"],"mappings":";AA6BO,IAAM,iBAA6C;AAAA,EACxD,EAAE,MAAM,MAAM,WAAW,IAAI,UAAU,GAAG,UAAU,GAAG,UAAU,iBAAiB,MAAM,yGAAyB;AAAA,EACjH,EAAE,MAAM,MAAM,WAAW,IAAI,UAAU,GAAG,UAAU,IAAI,UAAU,kBAAkB,MAAM,2HAA4B;AAAA,EACtH,EAAE,MAAM,MAAM,WAAW,IAAI,UAAU,GAAG,UAAU,IAAI,UAAU,eAAe,MAAM,4GAA8B;AAAA,EACrH,EAAE,MAAM,MAAM,WAAW,IAAI,UAAU,IAAI,UAAU,IAAI,UAAU,cAAc,MAAM,8GAA8B;AAAA,EACrH,EAAE,MAAM,MAAM,WAAW,IAAI,UAAU,IAAI,UAAU,IAAI,UAAU,gBAAgB,MAAM,8EAAkB;AAC7G;AAEO,IAAM,iBACX;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=chunk-PXTPAYC3.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import {
|
|
2
2
|
STN_FEEDBACK_BY_KIND,
|
|
3
3
|
STN_FEEDBACK_SOURCE
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-6HRKKRTT.js";
|
|
5
5
|
|
|
6
6
|
// src/data/stnToast.ts
|
|
7
7
|
var STN_TOAST_INTRO = "STN Design System \uD1A0\uC2A4\uD2B8 \uC54C\uB9BC \uCE74\uB4DC\uC785\uB2C8\uB2E4. \uC720\uD615 \uC544\uC774\uCF58\uC740 STN Iconography(`StnToastIcon`), \uB2EB\uAE30\uB294 `StnButton` icon-only, progress\uB294 `StnProgressBar`(toastSlot)\uC785\uB2C8\uB2E4. \uB9C8\uD06C\uC5C5\xB7\uCEF4\uD3EC\uB10C\uD2B8 \uC870\uB9BD\uC73C\uB85C \uD45C\uD604\uD558\uBA70, \uBCC4\uB3C4 Provider \uC5C6\uC774 \uC815\uC801 \uCE74\uB4DC\uB85C \uBB38\uC11C\uD654\uD569\uB2C8\uB2E4.";
|
|
@@ -74,4 +74,4 @@ export {
|
|
|
74
74
|
STN_TOAST_SETUP,
|
|
75
75
|
STN_TOAST_USAGE_HTML
|
|
76
76
|
};
|
|
77
|
-
//# sourceMappingURL=chunk-
|
|
77
|
+
//# sourceMappingURL=chunk-U66BCO23.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/data/stnPackageVersion.ts"],"sourcesContent":["/** Package version constants */\nexport const STN_UI_VERSION = '0.1.87'\nexport const STN_UI_VERSION_LABEL = 'v0.1.87'\n"],"mappings":";AACO,IAAM,iBAAiB;AACvB,IAAM,uBAAuB;","names":[]}
|
package/dist/cli.js
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
|
+
import {
|
|
2
|
+
STN_TEXT_FIELD_USAGE
|
|
3
|
+
} from "./chunk-YJLOIDKY.js";
|
|
1
4
|
import {
|
|
2
5
|
STN_TOAST_REACT_USAGE
|
|
3
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-U66BCO23.js";
|
|
4
7
|
import {
|
|
5
8
|
STN_TREE_REACT_EXAMPLE
|
|
6
9
|
} from "./chunk-65B7YUTE.js";
|
|
@@ -12,8 +15,8 @@ import {
|
|
|
12
15
|
STN_TABLE_REACT_EXAMPLE
|
|
13
16
|
} from "./chunk-IOBNIUK3.js";
|
|
14
17
|
import {
|
|
15
|
-
|
|
16
|
-
} from "./chunk-
|
|
18
|
+
STN_SCROLL_USAGE
|
|
19
|
+
} from "./chunk-CHJATVOT.js";
|
|
17
20
|
import {
|
|
18
21
|
STN_SEARCH_REQUIREMENT_USAGE
|
|
19
22
|
} from "./chunk-AE4CKAEK.js";
|
|
@@ -24,9 +27,6 @@ import {
|
|
|
24
27
|
import {
|
|
25
28
|
STN_POPUP_USAGE
|
|
26
29
|
} from "./chunk-G4SOYIHZ.js";
|
|
27
|
-
import {
|
|
28
|
-
STN_SCROLL_USAGE
|
|
29
|
-
} from "./chunk-CHJATVOT.js";
|
|
30
30
|
import {
|
|
31
31
|
STN_LOADING_SKELETON_USAGE
|
|
32
32
|
} from "./chunk-5BGXBJXN.js";
|
|
@@ -46,7 +46,7 @@ import {
|
|
|
46
46
|
import {
|
|
47
47
|
STN_DROPDOWN_USAGE
|
|
48
48
|
} from "./chunk-IZRGNUH6.js";
|
|
49
|
-
import "./chunk-
|
|
49
|
+
import "./chunk-6HRKKRTT.js";
|
|
50
50
|
import {
|
|
51
51
|
STN_DATE_PICKER_USAGE
|
|
52
52
|
} from "./chunk-QJN2Z6RG.js";
|
package/dist/data/index.d.ts
CHANGED
|
@@ -70,6 +70,8 @@ export { STN_DIVIDER_INTRO, STN_DIVIDER_ORIENTATIONS, STN_DIVIDER_TEXT_ALIGNS, S
|
|
|
70
70
|
export { STN_STEP_STATUS_SPEC, StnStepItem, StnStepStatus, StnStepperLineThickness, StnStepperOrientation, StnStepperPosition, StnStepperSize } from './stnStepper.js';
|
|
71
71
|
export { STN_POPOVER_INTRO, STN_POPOVER_USAGE, StnPopoverHorizontalOrigin, StnPopoverOrigin, StnPopoverPosition, StnPopoverReference, StnPopoverVerticalOrigin } from './stnPopover.js';
|
|
72
72
|
export { STN_STEP_CARDS_INTRO, StnStepCardItem } from './stnStepCards.js';
|
|
73
|
-
export { STN_SPLIT_VIEW_INTRO, STN_SPLIT_VIEW_OVERLAY_PLACEMENTS, STN_SPLIT_VIEW_SIDE_WIDTHS, StnSplitViewOverlayPlacement, StnSplitViewSideWidth } from './stnSplitView.js';
|
|
73
|
+
export { STN_SPLIT_VIEW_INTRO, STN_SPLIT_VIEW_OVERLAY_PLACEMENTS, STN_SPLIT_VIEW_PADDINGS, STN_SPLIT_VIEW_SIDE_WIDTHS, StnSplitViewOverlayPlacement, StnSplitViewPadding, StnSplitViewSideWidth } from './stnSplitView.js';
|
|
74
|
+
export { STN_LIST_INTRO, STN_LIST_SIZES, StnListPadding, StnListSize, StnListSizeSpec, StnListVariant, StnListWidth } from './stnList.js';
|
|
75
|
+
export { STN_MENU_INTRO, STN_MENU_SIZES, StnMenuElevation, StnMenuItemRole, StnMenuPadding, StnMenuSize, StnMenuSizeSpec, StnMenuWidth } from './stnMenu.js';
|
|
74
76
|
export { SYSTEM_ICON_DATA_URLS } from './stnSystemIconsData.generated.js';
|
|
75
77
|
import 'react';
|
package/dist/data/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../chunk-
|
|
1
|
+
import "../chunk-PXTPAYC3.js";
|
|
2
2
|
import {
|
|
3
3
|
STN_TOGGLE_BUTTON_PLAYGROUND_DEFAULT,
|
|
4
4
|
STN_TOGGLE_BUTTON_PLAYGROUND_INTRO,
|
|
@@ -29,6 +29,12 @@ import {
|
|
|
29
29
|
typographyPrimitivesToJson,
|
|
30
30
|
typographySemanticsToJson
|
|
31
31
|
} from "../chunk-2TRZNWCA.js";
|
|
32
|
+
import {
|
|
33
|
+
STN_STEP_CARDS_INTRO
|
|
34
|
+
} from "../chunk-NYZMUDVK.js";
|
|
35
|
+
import {
|
|
36
|
+
STN_STEP_STATUS_SPEC
|
|
37
|
+
} from "../chunk-N4PVFFKV.js";
|
|
32
38
|
import "../chunk-7ONB2WVN.js";
|
|
33
39
|
import {
|
|
34
40
|
STN_TEXT_AREA_HTML,
|
|
@@ -40,6 +46,15 @@ import {
|
|
|
40
46
|
import {
|
|
41
47
|
STN_TEXT_COLOR_ROWS
|
|
42
48
|
} from "../chunk-4HUY6TN4.js";
|
|
49
|
+
import {
|
|
50
|
+
STN_SIZE_INTRO,
|
|
51
|
+
STN_SIZE_ROWS,
|
|
52
|
+
sizeTokensToJson
|
|
53
|
+
} from "../chunk-YI22T66L.js";
|
|
54
|
+
import {
|
|
55
|
+
STN_SIZE_SEMANTIC_INTRO,
|
|
56
|
+
STN_SIZE_SEMANTIC_ROWS
|
|
57
|
+
} from "../chunk-2FHXIAM3.js";
|
|
43
58
|
import {
|
|
44
59
|
STN_SLIDER_HTML,
|
|
45
60
|
STN_SLIDER_INTRO,
|
|
@@ -62,17 +77,16 @@ import {
|
|
|
62
77
|
import {
|
|
63
78
|
STN_SPLIT_VIEW_INTRO,
|
|
64
79
|
STN_SPLIT_VIEW_OVERLAY_PLACEMENTS,
|
|
80
|
+
STN_SPLIT_VIEW_PADDINGS,
|
|
65
81
|
STN_SPLIT_VIEW_SIDE_WIDTHS
|
|
66
|
-
} from "../chunk-
|
|
82
|
+
} from "../chunk-F5WWHWEU.js";
|
|
67
83
|
import {
|
|
68
84
|
STN_STATUS_DEMO_STEPS
|
|
69
85
|
} from "../chunk-R6NCTORS.js";
|
|
70
86
|
import {
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
STN_STEP_STATUS_SPEC
|
|
75
|
-
} from "../chunk-N4PVFFKV.js";
|
|
87
|
+
STN_RADIUS_USECASE_INTRO,
|
|
88
|
+
STN_RADIUS_USECASE_ROWS
|
|
89
|
+
} from "../chunk-666SNAJT.js";
|
|
76
90
|
import {
|
|
77
91
|
STN_SECTION_SIDE_FIGMA,
|
|
78
92
|
STN_SECTION_SIDE_INTRO,
|
|
@@ -92,14 +106,17 @@ import {
|
|
|
92
106
|
STN_SIDE_NAV_SUB_ICON
|
|
93
107
|
} from "../chunk-QIX7SYPC.js";
|
|
94
108
|
import {
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
109
|
+
STN_PAGE_ENTER_MOTION_INTRO,
|
|
110
|
+
STN_PAGE_ENTER_MOTION_ROWS,
|
|
111
|
+
STN_PAGE_ENTER_MOTION_USAGE,
|
|
112
|
+
STN_PAGE_ENTER_MOTION_USAGE_HTML
|
|
113
|
+
} from "../chunk-R65PNEWS.js";
|
|
99
114
|
import {
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
115
|
+
STN_PAGINATION_EXAMPLE,
|
|
116
|
+
STN_PAGINATION_FIGMA,
|
|
117
|
+
STN_PAGINATION_INTRO,
|
|
118
|
+
STN_PAGINATION_REACT
|
|
119
|
+
} from "../chunk-PE4ZB5QC.js";
|
|
103
120
|
import {
|
|
104
121
|
STN_POPOVER_INTRO,
|
|
105
122
|
STN_POPOVER_USAGE
|
|
@@ -136,9 +153,9 @@ import {
|
|
|
136
153
|
radiusSemanticToJson
|
|
137
154
|
} from "../chunk-I7S5YLB3.js";
|
|
138
155
|
import {
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
} from "../chunk-
|
|
156
|
+
STN_LIST_INTRO,
|
|
157
|
+
STN_LIST_SIZES
|
|
158
|
+
} from "../chunk-I2Y7E4TU.js";
|
|
142
159
|
import {
|
|
143
160
|
STN_LIST_TABLE_FIGMA,
|
|
144
161
|
STN_LIST_TABLE_FOOTER_MAX_ACTIONS,
|
|
@@ -155,6 +172,10 @@ import {
|
|
|
155
172
|
import {
|
|
156
173
|
STN_MAP_DASHBOARD_OPTION_ROWS
|
|
157
174
|
} from "../chunk-3DAZMM4T.js";
|
|
175
|
+
import {
|
|
176
|
+
STN_MENU_INTRO,
|
|
177
|
+
STN_MENU_SIZES
|
|
178
|
+
} from "../chunk-7OZGRHFD.js";
|
|
158
179
|
import {
|
|
159
180
|
STN_MOTION_CONSTRAINT_ROWS,
|
|
160
181
|
STN_MOTION_DELAY_ROWS,
|
|
@@ -169,19 +190,7 @@ import {
|
|
|
169
190
|
import {
|
|
170
191
|
STN_UI_VERSION,
|
|
171
192
|
STN_UI_VERSION_LABEL
|
|
172
|
-
} from "../chunk-
|
|
173
|
-
import {
|
|
174
|
-
STN_PAGE_ENTER_MOTION_INTRO,
|
|
175
|
-
STN_PAGE_ENTER_MOTION_ROWS,
|
|
176
|
-
STN_PAGE_ENTER_MOTION_USAGE,
|
|
177
|
-
STN_PAGE_ENTER_MOTION_USAGE_HTML
|
|
178
|
-
} from "../chunk-R65PNEWS.js";
|
|
179
|
-
import {
|
|
180
|
-
STN_PAGINATION_EXAMPLE,
|
|
181
|
-
STN_PAGINATION_FIGMA,
|
|
182
|
-
STN_PAGINATION_INTRO,
|
|
183
|
-
STN_PAGINATION_REACT
|
|
184
|
-
} from "../chunk-PE4ZB5QC.js";
|
|
193
|
+
} from "../chunk-ZGYPJEU3.js";
|
|
185
194
|
import {
|
|
186
195
|
STN_HEADER_TITLE_DEMO,
|
|
187
196
|
STN_HEADER_TITLE_FIGMA,
|
|
@@ -318,7 +327,7 @@ import {
|
|
|
318
327
|
hexToRgbString,
|
|
319
328
|
paletteToJsonRecord,
|
|
320
329
|
semanticPaletteToJsonRecord
|
|
321
|
-
} from "../chunk-
|
|
330
|
+
} from "../chunk-6TQ4O7BK.js";
|
|
322
331
|
import {
|
|
323
332
|
STN_THEME_SEMANTIC_DARK_ROWS,
|
|
324
333
|
STN_THEME_SEMANTIC_LIGHT_ROWS
|
|
@@ -328,6 +337,14 @@ import {
|
|
|
328
337
|
STN_GRADE_SEMANTIC_ROWS,
|
|
329
338
|
STN_GRADE_SOURCE
|
|
330
339
|
} from "../chunk-E26XJXQY.js";
|
|
340
|
+
import {
|
|
341
|
+
STN_TEXT_FIELD_FIGMA,
|
|
342
|
+
STN_TEXT_FIELD_HTML,
|
|
343
|
+
STN_TEXT_FIELD_INTRO,
|
|
344
|
+
STN_TEXT_FIELD_SIZE_ROWS,
|
|
345
|
+
STN_TEXT_FIELD_STATES,
|
|
346
|
+
STN_TEXT_FIELD_USAGE
|
|
347
|
+
} from "../chunk-YJLOIDKY.js";
|
|
331
348
|
import {
|
|
332
349
|
STN_TOAST_DEMO_MSG,
|
|
333
350
|
STN_TOAST_ICON_SLUG,
|
|
@@ -337,7 +354,7 @@ import {
|
|
|
337
354
|
STN_TOAST_SETUP,
|
|
338
355
|
STN_TOAST_TOKEN_ROWS,
|
|
339
356
|
STN_TOAST_USAGE_HTML
|
|
340
|
-
} from "../chunk-
|
|
357
|
+
} from "../chunk-U66BCO23.js";
|
|
341
358
|
import {
|
|
342
359
|
STN_TREE_DEMO,
|
|
343
360
|
STN_TREE_FIGMA,
|
|
@@ -399,13 +416,12 @@ import {
|
|
|
399
416
|
STN_TABLE_TH_LABEL_FIGMA
|
|
400
417
|
} from "../chunk-IOBNIUK3.js";
|
|
401
418
|
import {
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
} from "../chunk-YJLOIDKY.js";
|
|
419
|
+
STN_SCROLL_FIGMA,
|
|
420
|
+
STN_SCROLL_INTRO,
|
|
421
|
+
STN_SCROLL_SPEC,
|
|
422
|
+
STN_SCROLL_USAGE,
|
|
423
|
+
STN_SCROLL_USAGE_HTML
|
|
424
|
+
} from "../chunk-CHJATVOT.js";
|
|
409
425
|
import {
|
|
410
426
|
STN_SEARCH_REQUIREMENT_DEMO_FIELDS,
|
|
411
427
|
STN_SEARCH_REQUIREMENT_FIGMA,
|
|
@@ -436,13 +452,6 @@ import {
|
|
|
436
452
|
STN_POPUP_USAGE_HTML,
|
|
437
453
|
resolveStnPopupSizeFromWidth
|
|
438
454
|
} from "../chunk-G4SOYIHZ.js";
|
|
439
|
-
import {
|
|
440
|
-
STN_SCROLL_FIGMA,
|
|
441
|
-
STN_SCROLL_INTRO,
|
|
442
|
-
STN_SCROLL_SPEC,
|
|
443
|
-
STN_SCROLL_USAGE,
|
|
444
|
-
STN_SCROLL_USAGE_HTML
|
|
445
|
-
} from "../chunk-CHJATVOT.js";
|
|
446
455
|
import {
|
|
447
456
|
STN_LOADING_SKELETON_COLORS,
|
|
448
457
|
STN_LOADING_SKELETON_INTRO,
|
|
@@ -525,7 +534,7 @@ import {
|
|
|
525
534
|
STN_FEEDBACK_BY_KIND,
|
|
526
535
|
STN_FEEDBACK_SEMANTIC_ROWS,
|
|
527
536
|
STN_FEEDBACK_SOURCE
|
|
528
|
-
} from "../chunk-
|
|
537
|
+
} from "../chunk-6HRKKRTT.js";
|
|
529
538
|
import {
|
|
530
539
|
STN_DATE_PICKER_INTRO,
|
|
531
540
|
STN_DATE_PICKER_KO_NAME,
|
|
@@ -770,6 +779,8 @@ export {
|
|
|
770
779
|
STN_LAYOUT_SLOT_USAGE,
|
|
771
780
|
STN_LAYOUT_WHEN_TO_USE,
|
|
772
781
|
STN_LINE_HEIGHT_ROWS,
|
|
782
|
+
STN_LIST_INTRO,
|
|
783
|
+
STN_LIST_SIZES,
|
|
773
784
|
STN_LIST_TABLE_FIGMA,
|
|
774
785
|
STN_LIST_TABLE_FOOTER_MAX_ACTIONS,
|
|
775
786
|
STN_LIST_TABLE_OPTION_ROWS,
|
|
@@ -785,6 +796,8 @@ export {
|
|
|
785
796
|
STN_LOGIN_INTRO,
|
|
786
797
|
STN_LOGIN_USAGE,
|
|
787
798
|
STN_MAP_DASHBOARD_OPTION_ROWS,
|
|
799
|
+
STN_MENU_INTRO,
|
|
800
|
+
STN_MENU_SIZES,
|
|
788
801
|
STN_MOTION_CONSTRAINT_ROWS,
|
|
789
802
|
STN_MOTION_DELAY_ROWS,
|
|
790
803
|
STN_MOTION_DISTANCE_ROWS,
|
|
@@ -892,6 +905,7 @@ export {
|
|
|
892
905
|
STN_SPACING_USECASE_ROWS,
|
|
893
906
|
STN_SPLIT_VIEW_INTRO,
|
|
894
907
|
STN_SPLIT_VIEW_OVERLAY_PLACEMENTS,
|
|
908
|
+
STN_SPLIT_VIEW_PADDINGS,
|
|
895
909
|
STN_SPLIT_VIEW_SIDE_WIDTHS,
|
|
896
910
|
STN_STATIC,
|
|
897
911
|
STN_STATUS_DEMO_STEPS,
|
|
@@ -25,10 +25,10 @@ import {
|
|
|
25
25
|
hexToRgbString,
|
|
26
26
|
paletteToJsonRecord,
|
|
27
27
|
semanticPaletteToJsonRecord
|
|
28
|
-
} from "../chunk-
|
|
28
|
+
} from "../chunk-6TQ4O7BK.js";
|
|
29
29
|
import "../chunk-YYA5KCXU.js";
|
|
30
30
|
import "../chunk-E26XJXQY.js";
|
|
31
|
-
import "../chunk-
|
|
31
|
+
import "../chunk-6HRKKRTT.js";
|
|
32
32
|
export {
|
|
33
33
|
STN_ALL_PALETTE_ROWS,
|
|
34
34
|
STN_BLUE_SCALE,
|
|
@@ -30,6 +30,13 @@ declare const STN_FEEDBACK_SOURCE: {
|
|
|
30
30
|
readonly toastVar: "--stn-feedback-error";
|
|
31
31
|
readonly toastifyVar: "--stn-feedback-error";
|
|
32
32
|
};
|
|
33
|
+
readonly discovery: {
|
|
34
|
+
readonly hex: "#8b5cf6";
|
|
35
|
+
readonly label: "DISCOVERY";
|
|
36
|
+
readonly descKo: "신규, 발견, 특별 안내";
|
|
37
|
+
readonly toastVar: "--stn-feedback-discovery";
|
|
38
|
+
readonly toastifyVar: "--stn-feedback-discovery";
|
|
39
|
+
};
|
|
33
40
|
};
|
|
34
41
|
type StnFeedbackKind = keyof typeof STN_FEEDBACK_SOURCE;
|
|
35
42
|
/** Pub toastify 유형색 → DS primitive (`--stn-feedback-*` · `--toastify-color-*`) */
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* StnList — STN 디자인 시스템 표준 목록 컴포넌트 데이터 규격 (SSOT)
|
|
3
|
+
*/
|
|
4
|
+
type StnListSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
5
|
+
type StnListPadding = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
6
|
+
type StnListWidth = 'w80' | 'w100' | 'w120' | 'w140' | 'w160' | 'w180' | 'w200' | 'full';
|
|
7
|
+
type StnListVariant = 'flat' | 'card' | 'bordered';
|
|
8
|
+
interface StnListSizeSpec {
|
|
9
|
+
size: StnListSize;
|
|
10
|
+
minHeight: number;
|
|
11
|
+
paddingY: number;
|
|
12
|
+
paddingX: number;
|
|
13
|
+
fontSize: string;
|
|
14
|
+
desc: string;
|
|
15
|
+
}
|
|
16
|
+
declare const STN_LIST_SIZES: readonly StnListSizeSpec[];
|
|
17
|
+
declare const STN_LIST_INTRO = "StnList\uB294 1\uCC28\uC6D0 \uBAA9\uB85D \uAD6C\uC870\uB97C \uD45C\uD604\uD558\uAE30 \uC704\uD55C STN \uB514\uC790\uC778 \uC2DC\uC2A4\uD15C \uD45C\uC900 \uCEF4\uD3EC\uB10C\uD2B8\uC785\uB2C8\uB2E4. \uACC4\uCE35\uD615 \uC911\uCCA9(Collapse), \uC6B0\uCE21 \uB2E4\uC911 \uC561\uC158, \uC2A4\uC704\uCE58/\uCCB4\uD06C\uBC15\uC2A4 \uB3C4\uD0B9, \uC2A4\uD2F0\uD0A4 \uD5E4\uB354, \uB300\uC6A9\uB7C9 \uAC00\uC0C1\uD654 \uC2A4\uD06C\uB864(Virtual)\uC744 \uC644\uBCBD\uD558\uAC8C \uC9C0\uC6D0\uD569\uB2C8\uB2E4.";
|
|
18
|
+
|
|
19
|
+
export { STN_LIST_INTRO, STN_LIST_SIZES, type StnListPadding, type StnListSize, type StnListSizeSpec, type StnListVariant, type StnListWidth };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* StnMenu — STN 디자인 시스템 표준 메뉴 컴포넌트 데이터 규격 (SSOT)
|
|
3
|
+
*/
|
|
4
|
+
type StnMenuSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
5
|
+
type StnMenuPadding = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
6
|
+
type StnMenuElevation = 0 | 1 | 2 | 3 | 4 | 5;
|
|
7
|
+
type StnMenuWidth = 'w80' | 'w100' | 'w120' | 'w140' | 'w160' | 'w180' | 'w200' | 'full';
|
|
8
|
+
type StnMenuItemRole = 'menuitem' | 'menuitemcheckbox' | 'menuitemradio';
|
|
9
|
+
interface StnMenuSizeSpec {
|
|
10
|
+
size: StnMenuSize;
|
|
11
|
+
itemHeight: number;
|
|
12
|
+
paddingY: number;
|
|
13
|
+
paddingX: number;
|
|
14
|
+
fontSize: string;
|
|
15
|
+
iconSize: number;
|
|
16
|
+
gap: number;
|
|
17
|
+
desc: string;
|
|
18
|
+
}
|
|
19
|
+
declare const STN_MENU_SIZES: readonly StnMenuSizeSpec[];
|
|
20
|
+
declare const STN_MENU_INTRO = "StnMenu\uB294 \uBC84\uD2BC \uC575\uCEE4\uB9C1 \uB4DC\uB86D\uB2E4\uC6B4, \uC6B0\uD074\uB9AD \uCEE8\uD14D\uC2A4\uD2B8 \uBA54\uB274(Context Menu), \uC561\uC158 \uC2DC\uD2B8, \uADF8\uB8F9 \uCE74\uD14C\uACE0\uB9AC \uBA54\uB274\uB97C \uC81C\uACF5\uD558\uB294 STN \uB514\uC790\uC778 \uC2DC\uC2A4\uD15C \uD45C\uC900 \uCEF4\uD3EC\uB10C\uD2B8\uC785\uB2C8\uB2E4. \uB2E8\uCD95\uD0A4 \uD78C\uD2B8, \uCCB4\uD06C/\uB77C\uB514\uC624 \uBAA8\uB4DC, \uC544\uC774\uCF58 \uC778\uC14B \uC815\uB82C, \uC2A4\uD06C\uB864 \uC81C\uD55C(maxHeight), \uC704\uD5D8 \uC561\uC158(destructive)\uC744 \uC644\uBCBD\uD558\uAC8C \uC9C0\uC6D0\uD569\uB2C8\uB2E4.";
|
|
21
|
+
|
|
22
|
+
export { STN_MENU_INTRO, STN_MENU_SIZES, type StnMenuElevation, type StnMenuItemRole, type StnMenuPadding, type StnMenuSize, type StnMenuSizeSpec, type StnMenuWidth };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -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.87";
|
|
3
|
+
declare const STN_UI_VERSION_LABEL = "v0.1.87";
|
|
4
4
|
|
|
5
5
|
export { STN_UI_VERSION, STN_UI_VERSION_LABEL };
|
|
@@ -3,6 +3,8 @@
|
|
|
3
3
|
* Store locator / 망구성도 / 캔버스 탐색: 중첩 Card 없이 좌 패널 + 우 스테이지.
|
|
4
4
|
*/
|
|
5
5
|
type StnSplitViewSideWidth = 'sm' | 'md' | 'lg';
|
|
6
|
+
type StnSplitViewPadding = 'none' | 'xs' | 'sm' | 'md' | 'lg';
|
|
7
|
+
declare const STN_SPLIT_VIEW_PADDINGS: readonly StnSplitViewPadding[];
|
|
6
8
|
type StnSplitViewOverlayPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'center-left' | 'center-right';
|
|
7
9
|
declare const STN_SPLIT_VIEW_SIDE_WIDTHS: readonly StnSplitViewSideWidth[];
|
|
8
10
|
declare const STN_SPLIT_VIEW_OVERLAY_PLACEMENTS: readonly StnSplitViewOverlayPlacement[];
|
|
@@ -13,4 +15,4 @@ declare const STN_SPLIT_VIEW_INTRO: {
|
|
|
13
15
|
description: string;
|
|
14
16
|
};
|
|
15
17
|
|
|
16
|
-
export { STN_SPLIT_VIEW_INTRO, STN_SPLIT_VIEW_OVERLAY_PLACEMENTS, STN_SPLIT_VIEW_SIDE_WIDTHS, type StnSplitViewOverlayPlacement, type StnSplitViewSideWidth };
|
|
18
|
+
export { STN_SPLIT_VIEW_INTRO, STN_SPLIT_VIEW_OVERLAY_PLACEMENTS, STN_SPLIT_VIEW_PADDINGS, STN_SPLIT_VIEW_SIDE_WIDTHS, type StnSplitViewOverlayPlacement, type StnSplitViewPadding, type StnSplitViewSideWidth };
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import {
|
|
2
2
|
STN_SPLIT_VIEW_INTRO,
|
|
3
3
|
STN_SPLIT_VIEW_OVERLAY_PLACEMENTS,
|
|
4
|
+
STN_SPLIT_VIEW_PADDINGS,
|
|
4
5
|
STN_SPLIT_VIEW_SIDE_WIDTHS
|
|
5
|
-
} from "../chunk-
|
|
6
|
+
} from "../chunk-F5WWHWEU.js";
|
|
6
7
|
export {
|
|
7
8
|
STN_SPLIT_VIEW_INTRO,
|
|
8
9
|
STN_SPLIT_VIEW_OVERLAY_PLACEMENTS,
|
|
10
|
+
STN_SPLIT_VIEW_PADDINGS,
|
|
9
11
|
STN_SPLIT_VIEW_SIDE_WIDTHS
|
|
10
12
|
};
|
|
11
13
|
//# sourceMappingURL=stnSplitView.js.map
|
package/dist/data/stnToast.js
CHANGED
|
@@ -7,8 +7,8 @@ import {
|
|
|
7
7
|
STN_TOAST_SETUP,
|
|
8
8
|
STN_TOAST_TOKEN_ROWS,
|
|
9
9
|
STN_TOAST_USAGE_HTML
|
|
10
|
-
} from "../chunk-
|
|
11
|
-
import "../chunk-
|
|
10
|
+
} from "../chunk-U66BCO23.js";
|
|
11
|
+
import "../chunk-6HRKKRTT.js";
|
|
12
12
|
export {
|
|
13
13
|
STN_TOAST_DEMO_MSG,
|
|
14
14
|
STN_TOAST_ICON_SLUG,
|