@stn-uiux/pub-ui 0.1.86 → 0.1.88
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-6RJFVO4M.js +9 -0
- package/dist/chunk-6RJFVO4M.js.map +1 -0
- package/dist/chunk-7OZGRHFD.js +15 -0
- package/dist/chunk-7OZGRHFD.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-2VSSPMZ3.js → chunk-R7HPVMSM.js} +3 -1
- package/dist/{chunk-2VSSPMZ3.js.map → chunk-R7HPVMSM.js.map} +1 -1
- package/dist/cli.js +5 -5
- package/dist/data/index.d.ts +3 -1
- package/dist/data/index.js +58 -44
- package/dist/data/stnCard.d.ts +3 -1
- package/dist/data/stnCard.js +3 -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/index.d.ts +3 -1
- package/dist/index.js +58 -44
- package/package.json +1 -1
- package/styles/components/stn-badge.css +0 -14
- package/styles/components/stn-card.css +8 -0
- package/styles/components/stn-drawer.css +7 -1
- package/styles/components/stn-list.css +430 -0
- package/styles/components/stn-menu.css +467 -0
- package/styles/components/stn-popover.css +9 -0
- package/styles/components/stn-table.css +0 -1
- package/styles/components/stn-topology.css +130 -56
- 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/style-pub.css +2 -0
- package/styles/tokens/stn-colors-semantic.css +31 -5
- package/styles/tokens/stn-size-semantic.css +22 -10
- package/styles/tokens/stn-size.css +1 -0
- package/dist/chunk-2PIUQUBN.js +0 -9
- package/dist/chunk-2PIUQUBN.js.map +0 -1
- package/dist/chunk-ERZPIKPF.js +0 -1
- /package/dist/{chunk-ERZPIKPF.js.map → chunk-PXTPAYC3.js.map} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/data/stnPackageVersion.ts"],"sourcesContent":["/** Package version constants */\nexport const STN_UI_VERSION = '0.1.88'\nexport const STN_UI_VERSION_LABEL = 'v0.1.88'\n"],"mappings":";AACO,IAAM,iBAAiB;AACvB,IAAM,uBAAuB;","names":[]}
|
|
@@ -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":[]}
|
|
@@ -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
|
|
@@ -3,6 +3,7 @@ var STN_CARD_VARIANTS = ["flat", "outlined", "elevated"];
|
|
|
3
3
|
var STN_CARD_RADII = ["sm", "md", "lg", "none"];
|
|
4
4
|
var STN_CARD_PADDINGS = ["none", "sm", "md", "lg"];
|
|
5
5
|
var STN_CARD_SEVERITIES = ["critical", "major", "minor", "warning"];
|
|
6
|
+
var STN_CARD_FOOTER_ALIGNS = ["right", "left", "center", "between"];
|
|
6
7
|
var STN_CARD_INTRO = '\uCF58\uD150\uCE20\uB97C \uC2DC\uAC01\uC801\uC73C\uB85C \uADF8\uB8F9\uD654\uD558\uACE0 \uACC4\uCE35\uC744 \uBD80\uC5EC\uD558\uB294 \uD45C\uC900 \uC11C\uD53C\uC2A4(Surface) \uCEE8\uD14C\uC774\uB108 \uCEF4\uD3EC\uB10C\uD2B8\uC785\uB2C8\uB2E4. \uD50C\uB7AB, \uC544\uC6C3\uB77C\uC778, \uC5D8\uB9AC\uBCA0\uC774\uD2F0\uB4DC \uBCC0\uD615\uACFC \uB77C\uC6B4\uB4DC \uBC0F \uD328\uB529 \uADDC\uACA9\uC744 \uC81C\uACF5\uD558\uBA70, \uB2E8\uB3C5 \uD2C0\uB85C\uC11C \uD639\uC740 \uD5E4\uB354/\uBCF8\uBB38/\uD478\uD130 \uD569\uC131 \uAD6C\uC870\uB85C \uC720\uC5F0\uD558\uAC8C \uD65C\uC6A9\uB429\uB2C8\uB2E4. \uB9F5\xB7\uD0D0\uC0C9 Split\uC740 padding="none" + Body flush + Patterns Split View \uB808\uC2DC\uD53C\uB97C \uC0AC\uC6A9\uD569\uB2C8\uB2E4.';
|
|
7
8
|
|
|
8
9
|
export {
|
|
@@ -10,6 +11,7 @@ export {
|
|
|
10
11
|
STN_CARD_RADII,
|
|
11
12
|
STN_CARD_PADDINGS,
|
|
12
13
|
STN_CARD_SEVERITIES,
|
|
14
|
+
STN_CARD_FOOTER_ALIGNS,
|
|
13
15
|
STN_CARD_INTRO
|
|
14
16
|
};
|
|
15
|
-
//# sourceMappingURL=chunk-
|
|
17
|
+
//# sourceMappingURL=chunk-R7HPVMSM.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/data/stnCard.ts"],"sourcesContent":["export type StnCardVariant = 'flat' | 'outlined' | 'elevated'\nexport type StnCardRadius = 'sm' | 'md' | 'lg' | 'none'\nexport type StnCardPadding = 'none' | 'sm' | 'md' | 'lg'\nexport type StnCardSeverity = 'critical' | 'major' | 'minor' | 'warning'\n\nexport const STN_CARD_VARIANTS: readonly StnCardVariant[] = ['flat', 'outlined', 'elevated'] as const\nexport const STN_CARD_RADII: readonly StnCardRadius[] = ['sm', 'md', 'lg', 'none'] as const\nexport const STN_CARD_PADDINGS: readonly StnCardPadding[] = ['none', 'sm', 'md', 'lg'] as const\nexport const STN_CARD_SEVERITIES: readonly StnCardSeverity[] = ['critical', 'major', 'minor', 'warning'] as const\n\nexport const STN_CARD_INTRO =\n '콘텐츠를 시각적으로 그룹화하고 계층을 부여하는 표준 서피스(Surface) 컨테이너 컴포넌트입니다. 플랫, 아웃라인, 엘리베이티드 변형과 라운드 및 패딩 규격을 제공하며, 단독 틀로서 혹은 헤더/본문/푸터 합성 구조로 유연하게 활용됩니다. 맵·탐색 Split은 padding=\"none\" + Body flush + Patterns Split View 레시피를 사용합니다.'\n"],"mappings":";
|
|
1
|
+
{"version":3,"sources":["../src/data/stnCard.ts"],"sourcesContent":["export type StnCardVariant = 'flat' | 'outlined' | 'elevated'\nexport type StnCardRadius = 'sm' | 'md' | 'lg' | 'none'\nexport type StnCardPadding = 'none' | 'sm' | 'md' | 'lg'\nexport type StnCardSeverity = 'critical' | 'major' | 'minor' | 'warning'\nexport type StnCardFooterAlign = 'right' | 'left' | 'center' | 'between'\n\nexport const STN_CARD_VARIANTS: readonly StnCardVariant[] = ['flat', 'outlined', 'elevated'] as const\nexport const STN_CARD_RADII: readonly StnCardRadius[] = ['sm', 'md', 'lg', 'none'] as const\nexport const STN_CARD_PADDINGS: readonly StnCardPadding[] = ['none', 'sm', 'md', 'lg'] as const\nexport const STN_CARD_SEVERITIES: readonly StnCardSeverity[] = ['critical', 'major', 'minor', 'warning'] as const\nexport const STN_CARD_FOOTER_ALIGNS: readonly StnCardFooterAlign[] = ['right', 'left', 'center', 'between'] as const\n\nexport const STN_CARD_INTRO =\n '콘텐츠를 시각적으로 그룹화하고 계층을 부여하는 표준 서피스(Surface) 컨테이너 컴포넌트입니다. 플랫, 아웃라인, 엘리베이티드 변형과 라운드 및 패딩 규격을 제공하며, 단독 틀로서 혹은 헤더/본문/푸터 합성 구조로 유연하게 활용됩니다. 맵·탐색 Split은 padding=\"none\" + Body flush + Patterns Split View 레시피를 사용합니다.'\n"],"mappings":";AAMO,IAAM,oBAA+C,CAAC,QAAQ,YAAY,UAAU;AACpF,IAAM,iBAA2C,CAAC,MAAM,MAAM,MAAM,MAAM;AAC1E,IAAM,oBAA+C,CAAC,QAAQ,MAAM,MAAM,IAAI;AAC9E,IAAM,sBAAkD,CAAC,YAAY,SAAS,SAAS,SAAS;AAChG,IAAM,yBAAwD,CAAC,SAAS,QAAQ,UAAU,SAAS;AAEnG,IAAM,iBACX;","names":[]}
|
package/dist/cli.js
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
import {
|
|
2
|
+
STN_TEXT_FIELD_USAGE
|
|
3
|
+
} from "./chunk-YJLOIDKY.js";
|
|
1
4
|
import {
|
|
2
5
|
STN_TOAST_REACT_USAGE
|
|
3
6
|
} from "./chunk-U66BCO23.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";
|
package/dist/data/index.d.ts
CHANGED
|
@@ -62,7 +62,7 @@ export { STN_TOGGLE_BUTTON_PLAYGROUND_DEFAULT, STN_TOGGLE_BUTTON_PLAYGROUND_INTR
|
|
|
62
62
|
export { STN_TREE_DEMO, STN_TREE_FIGMA, STN_TREE_INTRO, STN_TREE_PARTS, STN_TREE_PATTERN_PLAYGROUND_DEFAULT, STN_TREE_PATTERN_PLAYGROUND_PROPERTIES, STN_TREE_REACT_EXAMPLE, STN_TREE_SECTION_SIDE_FIGMA, STN_TREE_USAGE_HTML, StnTreeDemoNode, StnTreePatternPlaygroundConfig, describeTreePatternReact } from './stnTree.js';
|
|
63
63
|
export { STN_TYPE_SCALE_CLASS, STN_TYPE_SCALE_INTRO, STN_TYPE_SCALE_ROWS, StnTypeScaleCategory, StnTypeScaleRow, resolveTypeScaleName, typeScalePill } from './stnTypeScale.js';
|
|
64
64
|
export { STN_FONT_FAMILY_ROWS, STN_FONT_SCALE_STEPS, STN_FONT_SCALE_USAGE, STN_FONT_SIZE_ROWS, STN_FONT_WEIGHT_ROWS, STN_LINE_HEIGHT_ROWS, STN_TYPOGRAPHY_PRIMITIVE_GROUPS, STN_TYPOGRAPHY_SEMANTIC_ROWS, StnFontScaleStepRow, StnTypographyPrimitiveRow, StnTypographySemanticRow, scaleFontPx, typographyPrimitivesToJson, typographySemanticsToJson } from './stnTypography.js';
|
|
65
|
-
export { STN_CARD_INTRO, STN_CARD_PADDINGS, STN_CARD_RADII, STN_CARD_SEVERITIES, STN_CARD_VARIANTS, StnCardPadding, StnCardRadius, StnCardSeverity, StnCardVariant } from './stnCard.js';
|
|
65
|
+
export { STN_CARD_FOOTER_ALIGNS, STN_CARD_INTRO, STN_CARD_PADDINGS, STN_CARD_RADII, STN_CARD_SEVERITIES, STN_CARD_VARIANTS, StnCardFooterAlign, StnCardPadding, StnCardRadius, StnCardSeverity, StnCardVariant } from './stnCard.js';
|
|
66
66
|
export { STN_ALERT_CENTER_DASHBOARD_USAGE, STN_ALERT_CENTER_DASHBOARD_WIDGETS, STN_WIDGET_APPEARANCE_ROWS, STN_WIDGET_CHART_SLOT_HTML, STN_WIDGET_CHART_SLOT_REACT, STN_WIDGET_DISABILITY_STATUS_DEMO, STN_WIDGET_FIGMA, STN_WIDGET_FIGMA_DARK, STN_WIDGET_FIGMA_DARK_URL, STN_WIDGET_FIGMA_SHELL_HTML, STN_WIDGET_FIGMA_SHELL_REACT, STN_WIDGET_FIGMA_URL, STN_WIDGET_GRADE_ROW_DEMO, STN_WIDGET_HEADER_HTML, STN_WIDGET_HEADER_REACT, STN_WIDGET_INTRO, STN_WIDGET_KINDS, STN_WIDGET_SHELL_ROWS, STN_WIDGET_TOP5_BARS_DEMO, STN_WIDGET_TRAFFIC_BARS_DEMO, STN_WIDGET_USAGE, STN_WIDGET_USAGE_HTML, StnWidgetAppearance, StnWidgetAppearanceLegacy, StnWidgetAppearanceShell, StnWidgetAssetId, StnWidgetBackgroundMode, StnWidgetContentFamily, StnWidgetGradeRowGrade, StnWidgetKind, StnWidgetKindBodySlot, StnWidgetKindPreview, StnWidgetShell, buildStnWidgetKindUsage, getStnWidgetKind, isStnWidgetKindSlug, normalizeStnWidgetAppearance, resolveStnWidgetBackground, resolveStnWidgetKindAppearance, resolveStnWidgetKindBodySlot, stnWidgetSampleUrl } from './stnWidget.js';
|
|
67
67
|
export { STN_STATUS_DEMO_STEPS, StnStatusDotState, StnStatusFlowStep, StnStatusFlowStepColor } from './stnStatus.js';
|
|
68
68
|
export { StnTabIconPosition, StnTabIconSize, StnTabItem, StnTabPanelPadding, StnTabScrollButtons, StnTabsSize, StnTabsVariant } from './stnTabs.js';
|
|
@@ -71,5 +71,7 @@ export { STN_STEP_STATUS_SPEC, StnStepItem, StnStepStatus, StnStepperLineThickne
|
|
|
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
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,
|
|
@@ -69,11 +84,9 @@ import {
|
|
|
69
84
|
STN_STATUS_DEMO_STEPS
|
|
70
85
|
} from "../chunk-R6NCTORS.js";
|
|
71
86
|
import {
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
STN_STEP_STATUS_SPEC
|
|
76
|
-
} from "../chunk-N4PVFFKV.js";
|
|
87
|
+
STN_RADIUS_USECASE_INTRO,
|
|
88
|
+
STN_RADIUS_USECASE_ROWS
|
|
89
|
+
} from "../chunk-666SNAJT.js";
|
|
77
90
|
import {
|
|
78
91
|
STN_SECTION_SIDE_FIGMA,
|
|
79
92
|
STN_SECTION_SIDE_INTRO,
|
|
@@ -93,14 +106,17 @@ import {
|
|
|
93
106
|
STN_SIDE_NAV_SUB_ICON
|
|
94
107
|
} from "../chunk-QIX7SYPC.js";
|
|
95
108
|
import {
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
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";
|
|
100
114
|
import {
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
115
|
+
STN_PAGINATION_EXAMPLE,
|
|
116
|
+
STN_PAGINATION_FIGMA,
|
|
117
|
+
STN_PAGINATION_INTRO,
|
|
118
|
+
STN_PAGINATION_REACT
|
|
119
|
+
} from "../chunk-PE4ZB5QC.js";
|
|
104
120
|
import {
|
|
105
121
|
STN_POPOVER_INTRO,
|
|
106
122
|
STN_POPOVER_USAGE
|
|
@@ -137,9 +153,9 @@ import {
|
|
|
137
153
|
radiusSemanticToJson
|
|
138
154
|
} from "../chunk-I7S5YLB3.js";
|
|
139
155
|
import {
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
} from "../chunk-
|
|
156
|
+
STN_LIST_INTRO,
|
|
157
|
+
STN_LIST_SIZES
|
|
158
|
+
} from "../chunk-I2Y7E4TU.js";
|
|
143
159
|
import {
|
|
144
160
|
STN_LIST_TABLE_FIGMA,
|
|
145
161
|
STN_LIST_TABLE_FOOTER_MAX_ACTIONS,
|
|
@@ -156,6 +172,10 @@ import {
|
|
|
156
172
|
import {
|
|
157
173
|
STN_MAP_DASHBOARD_OPTION_ROWS
|
|
158
174
|
} from "../chunk-3DAZMM4T.js";
|
|
175
|
+
import {
|
|
176
|
+
STN_MENU_INTRO,
|
|
177
|
+
STN_MENU_SIZES
|
|
178
|
+
} from "../chunk-7OZGRHFD.js";
|
|
159
179
|
import {
|
|
160
180
|
STN_MOTION_CONSTRAINT_ROWS,
|
|
161
181
|
STN_MOTION_DELAY_ROWS,
|
|
@@ -170,19 +190,7 @@ import {
|
|
|
170
190
|
import {
|
|
171
191
|
STN_UI_VERSION,
|
|
172
192
|
STN_UI_VERSION_LABEL
|
|
173
|
-
} from "../chunk-
|
|
174
|
-
import {
|
|
175
|
-
STN_PAGE_ENTER_MOTION_INTRO,
|
|
176
|
-
STN_PAGE_ENTER_MOTION_ROWS,
|
|
177
|
-
STN_PAGE_ENTER_MOTION_USAGE,
|
|
178
|
-
STN_PAGE_ENTER_MOTION_USAGE_HTML
|
|
179
|
-
} from "../chunk-R65PNEWS.js";
|
|
180
|
-
import {
|
|
181
|
-
STN_PAGINATION_EXAMPLE,
|
|
182
|
-
STN_PAGINATION_FIGMA,
|
|
183
|
-
STN_PAGINATION_INTRO,
|
|
184
|
-
STN_PAGINATION_REACT
|
|
185
|
-
} from "../chunk-PE4ZB5QC.js";
|
|
193
|
+
} from "../chunk-6RJFVO4M.js";
|
|
186
194
|
import {
|
|
187
195
|
STN_HEADER_TITLE_DEMO,
|
|
188
196
|
STN_HEADER_TITLE_FIGMA,
|
|
@@ -261,12 +269,13 @@ import {
|
|
|
261
269
|
getButtonStateCell
|
|
262
270
|
} from "../chunk-ZVBPC3MI.js";
|
|
263
271
|
import {
|
|
272
|
+
STN_CARD_FOOTER_ALIGNS,
|
|
264
273
|
STN_CARD_INTRO,
|
|
265
274
|
STN_CARD_PADDINGS,
|
|
266
275
|
STN_CARD_RADII,
|
|
267
276
|
STN_CARD_SEVERITIES,
|
|
268
277
|
STN_CARD_VARIANTS
|
|
269
|
-
} from "../chunk-
|
|
278
|
+
} from "../chunk-R7HPVMSM.js";
|
|
270
279
|
import {
|
|
271
280
|
STN_CHART_COLOR_DEFINITIONS,
|
|
272
281
|
STN_CHART_INTRO,
|
|
@@ -329,6 +338,14 @@ import {
|
|
|
329
338
|
STN_GRADE_SEMANTIC_ROWS,
|
|
330
339
|
STN_GRADE_SOURCE
|
|
331
340
|
} from "../chunk-E26XJXQY.js";
|
|
341
|
+
import {
|
|
342
|
+
STN_TEXT_FIELD_FIGMA,
|
|
343
|
+
STN_TEXT_FIELD_HTML,
|
|
344
|
+
STN_TEXT_FIELD_INTRO,
|
|
345
|
+
STN_TEXT_FIELD_SIZE_ROWS,
|
|
346
|
+
STN_TEXT_FIELD_STATES,
|
|
347
|
+
STN_TEXT_FIELD_USAGE
|
|
348
|
+
} from "../chunk-YJLOIDKY.js";
|
|
332
349
|
import {
|
|
333
350
|
STN_TOAST_DEMO_MSG,
|
|
334
351
|
STN_TOAST_ICON_SLUG,
|
|
@@ -400,13 +417,12 @@ import {
|
|
|
400
417
|
STN_TABLE_TH_LABEL_FIGMA
|
|
401
418
|
} from "../chunk-IOBNIUK3.js";
|
|
402
419
|
import {
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
} from "../chunk-YJLOIDKY.js";
|
|
420
|
+
STN_SCROLL_FIGMA,
|
|
421
|
+
STN_SCROLL_INTRO,
|
|
422
|
+
STN_SCROLL_SPEC,
|
|
423
|
+
STN_SCROLL_USAGE,
|
|
424
|
+
STN_SCROLL_USAGE_HTML
|
|
425
|
+
} from "../chunk-CHJATVOT.js";
|
|
410
426
|
import {
|
|
411
427
|
STN_SEARCH_REQUIREMENT_DEMO_FIELDS,
|
|
412
428
|
STN_SEARCH_REQUIREMENT_FIGMA,
|
|
@@ -437,13 +453,6 @@ import {
|
|
|
437
453
|
STN_POPUP_USAGE_HTML,
|
|
438
454
|
resolveStnPopupSizeFromWidth
|
|
439
455
|
} from "../chunk-G4SOYIHZ.js";
|
|
440
|
-
import {
|
|
441
|
-
STN_SCROLL_FIGMA,
|
|
442
|
-
STN_SCROLL_INTRO,
|
|
443
|
-
STN_SCROLL_SPEC,
|
|
444
|
-
STN_SCROLL_USAGE,
|
|
445
|
-
STN_SCROLL_USAGE_HTML
|
|
446
|
-
} from "../chunk-CHJATVOT.js";
|
|
447
456
|
import {
|
|
448
457
|
STN_LOADING_SKELETON_COLORS,
|
|
449
458
|
STN_LOADING_SKELETON_INTRO,
|
|
@@ -622,6 +631,7 @@ export {
|
|
|
622
631
|
STN_BUTTON_STATE_STATES,
|
|
623
632
|
STN_BUTTON_STATE_VARIANTS,
|
|
624
633
|
STN_BUTTON_VARIANT_MAP,
|
|
634
|
+
STN_CARD_FOOTER_ALIGNS,
|
|
625
635
|
STN_CARD_INTRO,
|
|
626
636
|
STN_CARD_PADDINGS,
|
|
627
637
|
STN_CARD_RADII,
|
|
@@ -771,6 +781,8 @@ export {
|
|
|
771
781
|
STN_LAYOUT_SLOT_USAGE,
|
|
772
782
|
STN_LAYOUT_WHEN_TO_USE,
|
|
773
783
|
STN_LINE_HEIGHT_ROWS,
|
|
784
|
+
STN_LIST_INTRO,
|
|
785
|
+
STN_LIST_SIZES,
|
|
774
786
|
STN_LIST_TABLE_FIGMA,
|
|
775
787
|
STN_LIST_TABLE_FOOTER_MAX_ACTIONS,
|
|
776
788
|
STN_LIST_TABLE_OPTION_ROWS,
|
|
@@ -786,6 +798,8 @@ export {
|
|
|
786
798
|
STN_LOGIN_INTRO,
|
|
787
799
|
STN_LOGIN_USAGE,
|
|
788
800
|
STN_MAP_DASHBOARD_OPTION_ROWS,
|
|
801
|
+
STN_MENU_INTRO,
|
|
802
|
+
STN_MENU_SIZES,
|
|
789
803
|
STN_MOTION_CONSTRAINT_ROWS,
|
|
790
804
|
STN_MOTION_DELAY_ROWS,
|
|
791
805
|
STN_MOTION_DISTANCE_ROWS,
|
package/dist/data/stnCard.d.ts
CHANGED
|
@@ -2,10 +2,12 @@ type StnCardVariant = 'flat' | 'outlined' | 'elevated';
|
|
|
2
2
|
type StnCardRadius = 'sm' | 'md' | 'lg' | 'none';
|
|
3
3
|
type StnCardPadding = 'none' | 'sm' | 'md' | 'lg';
|
|
4
4
|
type StnCardSeverity = 'critical' | 'major' | 'minor' | 'warning';
|
|
5
|
+
type StnCardFooterAlign = 'right' | 'left' | 'center' | 'between';
|
|
5
6
|
declare const STN_CARD_VARIANTS: readonly StnCardVariant[];
|
|
6
7
|
declare const STN_CARD_RADII: readonly StnCardRadius[];
|
|
7
8
|
declare const STN_CARD_PADDINGS: readonly StnCardPadding[];
|
|
8
9
|
declare const STN_CARD_SEVERITIES: readonly StnCardSeverity[];
|
|
10
|
+
declare const STN_CARD_FOOTER_ALIGNS: readonly StnCardFooterAlign[];
|
|
9
11
|
declare const STN_CARD_INTRO = "\uCF58\uD150\uCE20\uB97C \uC2DC\uAC01\uC801\uC73C\uB85C \uADF8\uB8F9\uD654\uD558\uACE0 \uACC4\uCE35\uC744 \uBD80\uC5EC\uD558\uB294 \uD45C\uC900 \uC11C\uD53C\uC2A4(Surface) \uCEE8\uD14C\uC774\uB108 \uCEF4\uD3EC\uB10C\uD2B8\uC785\uB2C8\uB2E4. \uD50C\uB7AB, \uC544\uC6C3\uB77C\uC778, \uC5D8\uB9AC\uBCA0\uC774\uD2F0\uB4DC \uBCC0\uD615\uACFC \uB77C\uC6B4\uB4DC \uBC0F \uD328\uB529 \uADDC\uACA9\uC744 \uC81C\uACF5\uD558\uBA70, \uB2E8\uB3C5 \uD2C0\uB85C\uC11C \uD639\uC740 \uD5E4\uB354/\uBCF8\uBB38/\uD478\uD130 \uD569\uC131 \uAD6C\uC870\uB85C \uC720\uC5F0\uD558\uAC8C \uD65C\uC6A9\uB429\uB2C8\uB2E4. \uB9F5\u00B7\uD0D0\uC0C9 Split\uC740 padding=\"none\" + Body flush + Patterns Split View \uB808\uC2DC\uD53C\uB97C \uC0AC\uC6A9\uD569\uB2C8\uB2E4.";
|
|
10
12
|
|
|
11
|
-
export { STN_CARD_INTRO, STN_CARD_PADDINGS, STN_CARD_RADII, STN_CARD_SEVERITIES, STN_CARD_VARIANTS, type StnCardPadding, type StnCardRadius, type StnCardSeverity, type StnCardVariant };
|
|
13
|
+
export { STN_CARD_FOOTER_ALIGNS, STN_CARD_INTRO, STN_CARD_PADDINGS, STN_CARD_RADII, STN_CARD_SEVERITIES, STN_CARD_VARIANTS, type StnCardFooterAlign, type StnCardPadding, type StnCardRadius, type StnCardSeverity, type StnCardVariant };
|
package/dist/data/stnCard.js
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import {
|
|
2
|
+
STN_CARD_FOOTER_ALIGNS,
|
|
2
3
|
STN_CARD_INTRO,
|
|
3
4
|
STN_CARD_PADDINGS,
|
|
4
5
|
STN_CARD_RADII,
|
|
5
6
|
STN_CARD_SEVERITIES,
|
|
6
7
|
STN_CARD_VARIANTS
|
|
7
|
-
} from "../chunk-
|
|
8
|
+
} from "../chunk-R7HPVMSM.js";
|
|
8
9
|
export {
|
|
10
|
+
STN_CARD_FOOTER_ALIGNS,
|
|
9
11
|
STN_CARD_INTRO,
|
|
10
12
|
STN_CARD_PADDINGS,
|
|
11
13
|
STN_CARD_RADII,
|
|
@@ -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.88";
|
|
3
|
+
declare const STN_UI_VERSION_LABEL = "v0.1.88";
|
|
4
4
|
|
|
5
5
|
export { STN_UI_VERSION, STN_UI_VERSION_LABEL };
|
package/dist/index.d.ts
CHANGED
|
@@ -62,7 +62,7 @@ export { STN_TOGGLE_BUTTON_PLAYGROUND_DEFAULT, STN_TOGGLE_BUTTON_PLAYGROUND_INTR
|
|
|
62
62
|
export { STN_TREE_DEMO, STN_TREE_FIGMA, STN_TREE_INTRO, STN_TREE_PARTS, STN_TREE_PATTERN_PLAYGROUND_DEFAULT, STN_TREE_PATTERN_PLAYGROUND_PROPERTIES, STN_TREE_REACT_EXAMPLE, STN_TREE_SECTION_SIDE_FIGMA, STN_TREE_USAGE_HTML, StnTreeDemoNode, StnTreePatternPlaygroundConfig, describeTreePatternReact } from './data/stnTree.js';
|
|
63
63
|
export { STN_TYPE_SCALE_CLASS, STN_TYPE_SCALE_INTRO, STN_TYPE_SCALE_ROWS, StnTypeScaleCategory, StnTypeScaleRow, resolveTypeScaleName, typeScalePill } from './data/stnTypeScale.js';
|
|
64
64
|
export { STN_FONT_FAMILY_ROWS, STN_FONT_SCALE_STEPS, STN_FONT_SCALE_USAGE, STN_FONT_SIZE_ROWS, STN_FONT_WEIGHT_ROWS, STN_LINE_HEIGHT_ROWS, STN_TYPOGRAPHY_PRIMITIVE_GROUPS, STN_TYPOGRAPHY_SEMANTIC_ROWS, StnFontScaleStepRow, StnTypographyPrimitiveRow, StnTypographySemanticRow, scaleFontPx, typographyPrimitivesToJson, typographySemanticsToJson } from './data/stnTypography.js';
|
|
65
|
-
export { STN_CARD_INTRO, STN_CARD_PADDINGS, STN_CARD_RADII, STN_CARD_SEVERITIES, STN_CARD_VARIANTS, StnCardPadding, StnCardRadius, StnCardSeverity, StnCardVariant } from './data/stnCard.js';
|
|
65
|
+
export { STN_CARD_FOOTER_ALIGNS, STN_CARD_INTRO, STN_CARD_PADDINGS, STN_CARD_RADII, STN_CARD_SEVERITIES, STN_CARD_VARIANTS, StnCardFooterAlign, StnCardPadding, StnCardRadius, StnCardSeverity, StnCardVariant } from './data/stnCard.js';
|
|
66
66
|
export { STN_ALERT_CENTER_DASHBOARD_USAGE, STN_ALERT_CENTER_DASHBOARD_WIDGETS, STN_WIDGET_APPEARANCE_ROWS, STN_WIDGET_CHART_SLOT_HTML, STN_WIDGET_CHART_SLOT_REACT, STN_WIDGET_DISABILITY_STATUS_DEMO, STN_WIDGET_FIGMA, STN_WIDGET_FIGMA_DARK, STN_WIDGET_FIGMA_DARK_URL, STN_WIDGET_FIGMA_SHELL_HTML, STN_WIDGET_FIGMA_SHELL_REACT, STN_WIDGET_FIGMA_URL, STN_WIDGET_GRADE_ROW_DEMO, STN_WIDGET_HEADER_HTML, STN_WIDGET_HEADER_REACT, STN_WIDGET_INTRO, STN_WIDGET_KINDS, STN_WIDGET_SHELL_ROWS, STN_WIDGET_TOP5_BARS_DEMO, STN_WIDGET_TRAFFIC_BARS_DEMO, STN_WIDGET_USAGE, STN_WIDGET_USAGE_HTML, StnWidgetAppearance, StnWidgetAppearanceLegacy, StnWidgetAppearanceShell, StnWidgetAssetId, StnWidgetBackgroundMode, StnWidgetContentFamily, StnWidgetGradeRowGrade, StnWidgetKind, StnWidgetKindBodySlot, StnWidgetKindPreview, StnWidgetShell, buildStnWidgetKindUsage, getStnWidgetKind, isStnWidgetKindSlug, normalizeStnWidgetAppearance, resolveStnWidgetBackground, resolveStnWidgetKindAppearance, resolveStnWidgetKindBodySlot, stnWidgetSampleUrl } from './data/stnWidget.js';
|
|
67
67
|
export { STN_STATUS_DEMO_STEPS, StnStatusDotState, StnStatusFlowStep, StnStatusFlowStepColor } from './data/stnStatus.js';
|
|
68
68
|
export { StnTabIconPosition, StnTabIconSize, StnTabItem, StnTabPanelPadding, StnTabScrollButtons, StnTabsSize, StnTabsVariant } from './data/stnTabs.js';
|
|
@@ -71,6 +71,8 @@ export { STN_STEP_STATUS_SPEC, StnStepItem, StnStepStatus, StnStepperLineThickne
|
|
|
71
71
|
export { STN_POPOVER_INTRO, STN_POPOVER_USAGE, StnPopoverHorizontalOrigin, StnPopoverOrigin, StnPopoverPosition, StnPopoverReference, StnPopoverVerticalOrigin } from './data/stnPopover.js';
|
|
72
72
|
export { STN_STEP_CARDS_INTRO, StnStepCardItem } from './data/stnStepCards.js';
|
|
73
73
|
export { STN_SPLIT_VIEW_INTRO, STN_SPLIT_VIEW_OVERLAY_PLACEMENTS, STN_SPLIT_VIEW_PADDINGS, STN_SPLIT_VIEW_SIDE_WIDTHS, StnSplitViewOverlayPlacement, StnSplitViewPadding, StnSplitViewSideWidth } from './data/stnSplitView.js';
|
|
74
|
+
export { STN_LIST_INTRO, STN_LIST_SIZES, StnListPadding, StnListSize, StnListSizeSpec, StnListVariant, StnListWidth } from './data/stnList.js';
|
|
75
|
+
export { STN_MENU_INTRO, STN_MENU_SIZES, StnMenuElevation, StnMenuItemRole, StnMenuPadding, StnMenuSize, StnMenuSizeSpec, StnMenuWidth } from './data/stnMenu.js';
|
|
74
76
|
export { STN_UI_CATALOG, STN_UI_COMPONENTS, STN_UI_FOUNDATIONS, StnUiComponentId, StnUiEntry, StnUiFoundationId } from './components.js';
|
|
75
77
|
export { SYSTEM_ICON_DATA_URLS } from './data/stnSystemIconsData.generated.js';
|
|
76
78
|
import 'react';
|