@stn-uiux/pub-ui 0.1.87 → 0.1.88

package/dist/chunk-6RJFVO4M.js

@@ -0,0 +1,9 @@
+// src/data/stnPackageVersion.ts
+var STN_UI_VERSION = "0.1.88";
+var STN_UI_VERSION_LABEL = "v0.1.88";
+
+export {
+  STN_UI_VERSION,
+  STN_UI_VERSION_LABEL
+};
+//# sourceMappingURL=chunk-6RJFVO4M.js.map

package/dist/chunk-6RJFVO4M.js.map

@@ -0,0 +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":[]}

package/dist/{chunk-2VSSPMZ3.js → chunk-R7HPVMSM.js}

@@ -3,6 +3,7 @@ var STN_CARD_VARIANTS = ["flat", "outlined", "elevated"];
 var STN_CARD_RADII = ["sm", "md", "lg", "none"];
 var STN_CARD_PADDINGS = ["none", "sm", "md", "lg"];
 var STN_CARD_SEVERITIES = ["critical", "major", "minor", "warning"];
+var STN_CARD_FOOTER_ALIGNS = ["right", "left", "center", "between"];
 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.';
 
 export {
@@ -10,6 +11,7 @@ export {
   STN_CARD_RADII,
   STN_CARD_PADDINGS,
   STN_CARD_SEVERITIES,
+  STN_CARD_FOOTER_ALIGNS,
   STN_CARD_INTRO
 };
-//# sourceMappingURL=chunk-2VSSPMZ3.js.map
+//# sourceMappingURL=chunk-R7HPVMSM.js.map

package/dist/{chunk-2VSSPMZ3.js.map → chunk-R7HPVMSM.js.map}

@@ -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":";AAKO,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;AAEhG,IAAM,iBACX;","names":[]}
+{"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/data/index.d.ts

@@ -62,7 +62,7 @@ export { STN_TOGGLE_BUTTON_PLAYGROUND_DEFAULT, STN_TOGGLE_BUTTON_PLAYGROUND_INTR
 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';
 export { STN_TYPE_SCALE_CLASS, STN_TYPE_SCALE_INTRO, STN_TYPE_SCALE_ROWS, StnTypeScaleCategory, StnTypeScaleRow, resolveTypeScaleName, typeScalePill } from './stnTypeScale.js';
 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';
-export { STN_CARD_INTRO, STN_CARD_PADDINGS, STN_CARD_RADII, STN_CARD_SEVERITIES, STN_CARD_VARIANTS, StnCardPadding, StnCardRadius, StnCardSeverity, StnCardVariant } from './stnCard.js';
+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';
 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';
 export { STN_STATUS_DEMO_STEPS, StnStatusDotState, StnStatusFlowStep, StnStatusFlowStepColor } from './stnStatus.js';
 export { StnTabIconPosition, StnTabIconSize, StnTabItem, StnTabPanelPadding, StnTabScrollButtons, StnTabsSize, StnTabsVariant } from './stnTabs.js';

package/dist/data/index.js

@@ -190,7 +190,7 @@ import {
 import {
   STN_UI_VERSION,
   STN_UI_VERSION_LABEL
-} from "../chunk-ZGYPJEU3.js";
+} from "../chunk-6RJFVO4M.js";
 import {
   STN_HEADER_TITLE_DEMO,
   STN_HEADER_TITLE_FIGMA,
@@ -269,12 +269,13 @@ import {
   getButtonStateCell
 } from "../chunk-ZVBPC3MI.js";
 import {
+  STN_CARD_FOOTER_ALIGNS,
   STN_CARD_INTRO,
   STN_CARD_PADDINGS,
   STN_CARD_RADII,
   STN_CARD_SEVERITIES,
   STN_CARD_VARIANTS
-} from "../chunk-2VSSPMZ3.js";
+} from "../chunk-R7HPVMSM.js";
 import {
   STN_CHART_COLOR_DEFINITIONS,
   STN_CHART_INTRO,
@@ -630,6 +631,7 @@ export {
   STN_BUTTON_STATE_STATES,
   STN_BUTTON_STATE_VARIANTS,
   STN_BUTTON_VARIANT_MAP,
+  STN_CARD_FOOTER_ALIGNS,
   STN_CARD_INTRO,
   STN_CARD_PADDINGS,
   STN_CARD_RADII,

package/dist/data/stnCard.d.ts

@@ -2,10 +2,12 @@ type StnCardVariant = 'flat' | 'outlined' | 'elevated';
 type StnCardRadius = 'sm' | 'md' | 'lg' | 'none';
 type StnCardPadding = 'none' | 'sm' | 'md' | 'lg';
 type StnCardSeverity = 'critical' | 'major' | 'minor' | 'warning';
+type StnCardFooterAlign = 'right' | 'left' | 'center' | 'between';
 declare const STN_CARD_VARIANTS: readonly StnCardVariant[];
 declare const STN_CARD_RADII: readonly StnCardRadius[];
 declare const STN_CARD_PADDINGS: readonly StnCardPadding[];
 declare const STN_CARD_SEVERITIES: readonly StnCardSeverity[];
+declare const STN_CARD_FOOTER_ALIGNS: readonly StnCardFooterAlign[];
 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.";
 
-export { STN_CARD_INTRO, STN_CARD_PADDINGS, STN_CARD_RADII, STN_CARD_SEVERITIES, STN_CARD_VARIANTS, type StnCardPadding, type StnCardRadius, type StnCardSeverity, type StnCardVariant };
+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

@@ -1,11 +1,13 @@
 import {
+  STN_CARD_FOOTER_ALIGNS,
   STN_CARD_INTRO,
   STN_CARD_PADDINGS,
   STN_CARD_RADII,
   STN_CARD_SEVERITIES,
   STN_CARD_VARIANTS
-} from "../chunk-2VSSPMZ3.js";
+} from "../chunk-R7HPVMSM.js";
 export {
+  STN_CARD_FOOTER_ALIGNS,
   STN_CARD_INTRO,
   STN_CARD_PADDINGS,
   STN_CARD_RADII,

package/dist/data/stnPackageVersion.d.ts

@@ -1,5 +1,5 @@
 /** Package version constants */
-declare const STN_UI_VERSION = "0.1.87";
-declare const STN_UI_VERSION_LABEL = "v0.1.87";
+declare const STN_UI_VERSION = "0.1.88";
+declare const STN_UI_VERSION_LABEL = "v0.1.88";
 
 export { STN_UI_VERSION, STN_UI_VERSION_LABEL };

package/dist/data/stnPackageVersion.js

@@ -1,7 +1,7 @@
 import {
   STN_UI_VERSION,
   STN_UI_VERSION_LABEL
-} from "../chunk-ZGYPJEU3.js";
+} from "../chunk-6RJFVO4M.js";
 export {
   STN_UI_VERSION,
   STN_UI_VERSION_LABEL

package/dist/index.d.ts

@@ -62,7 +62,7 @@ export { STN_TOGGLE_BUTTON_PLAYGROUND_DEFAULT, STN_TOGGLE_BUTTON_PLAYGROUND_INTR
 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';
 export { STN_TYPE_SCALE_CLASS, STN_TYPE_SCALE_INTRO, STN_TYPE_SCALE_ROWS, StnTypeScaleCategory, StnTypeScaleRow, resolveTypeScaleName, typeScalePill } from './data/stnTypeScale.js';
 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';
-export { STN_CARD_INTRO, STN_CARD_PADDINGS, STN_CARD_RADII, STN_CARD_SEVERITIES, STN_CARD_VARIANTS, StnCardPadding, StnCardRadius, StnCardSeverity, StnCardVariant } from './data/stnCard.js';
+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';
 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';
 export { STN_STATUS_DEMO_STEPS, StnStatusDotState, StnStatusFlowStep, StnStatusFlowStepColor } from './data/stnStatus.js';
 export { StnTabIconPosition, StnTabIconSize, StnTabItem, StnTabPanelPadding, StnTabScrollButtons, StnTabsSize, StnTabsVariant } from './data/stnTabs.js';

package/dist/index.js

@@ -195,7 +195,7 @@ import {
 import {
   STN_UI_VERSION,
   STN_UI_VERSION_LABEL
-} from "./chunk-ZGYPJEU3.js";
+} from "./chunk-6RJFVO4M.js";
 import {
   STN_HEADER_TITLE_DEMO,
   STN_HEADER_TITLE_FIGMA,
@@ -274,12 +274,13 @@ import {
   getButtonStateCell
 } from "./chunk-ZVBPC3MI.js";
 import {
+  STN_CARD_FOOTER_ALIGNS,
   STN_CARD_INTRO,
   STN_CARD_PADDINGS,
   STN_CARD_RADII,
   STN_CARD_SEVERITIES,
   STN_CARD_VARIANTS
-} from "./chunk-2VSSPMZ3.js";
+} from "./chunk-R7HPVMSM.js";
 import {
   STN_CHART_COLOR_DEFINITIONS,
   STN_CHART_INTRO,
@@ -635,6 +636,7 @@ export {
   STN_BUTTON_STATE_STATES,
   STN_BUTTON_STATE_VARIANTS,
   STN_BUTTON_VARIANT_MAP,
+  STN_CARD_FOOTER_ALIGNS,
   STN_CARD_INTRO,
   STN_CARD_PADDINGS,
   STN_CARD_RADII,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stn-uiux/pub-ui",
-  "version": "0.1.87",
+  "version": "0.1.88",
   "description": "STN Pub design system — tokens, specs, and CSS for product HTML / React apps",
   "type": "module",
   "sideEffects": [

package/styles/components/stn-card.css

@@ -210,4 +210,12 @@
   padding-top: var(--stn-space-12, 12px);
   border-top: var(--stn-size-1, 1px) solid var(--stn-card-border-color);
   margin-top: var(--stn-space-12, 12px);
+  box-sizing: border-box;
+  width: 100%;
 }
+
+/* Card footer alignment modifiers (right · left · center · between) */
+.stn-card__footer.align-right { justify-content: flex-end; }
+.stn-card__footer.align-left { justify-content: flex-start; }
+.stn-card__footer.align-center { justify-content: center; }
+.stn-card__footer.align-between { justify-content: space-between; }

package/styles/components/stn-popover.css

@@ -17,6 +17,15 @@
   pointer-events: auto;
 }
 
+/* 서브메뉴/중첩 팝오버용 no-backdrop 모드: 팝오버 전체는 pointer-events 통과, 페이퍼만 상호작용 */
+.stn-popover--no-backdrop.is-open {
+  pointer-events: none;
+}
+
+.stn-popover--no-backdrop .stn-popover__paper {
+  pointer-events: auto;
+}
+
 /* 1. 투명 백드롭 — 배경을 가리지 않고 외부 클릭을 감지 */
 .stn-popover__backdrop {
   position: fixed;

package/styles/components/stn-table.css

@@ -492,7 +492,6 @@ td.stn-table__col-check .stn-checkbox {
   gap: var(--stn-spacing-xs, 4px);
   padding: 0 var(--stn-spacing-md, 16px);
   background: var(--stn-table-row-hover);
-  box-shadow: -12px 0 16px -8px rgba(0, 0, 0, 0.3);
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.2s, visibility 0.2s;

package/styles/components/stn-topology.css

@@ -8,16 +8,46 @@
 /* ==========================================================================
    Topology Labels & Tooltips (STN 시멘틱 토큰 기반 회선/노드 라벨 표준 규격)
    ========================================================================== */
+.stn-topology-link__label {
+  pointer-events: none;
+  user-select: none;
+  transition: opacity 0.18s cubic-bezier(0.2, 0, 0, 1);
+}
+
 .stn-topology-link__label text {
   fill: var(--stn-topology-link-label-fg, var(--stn-text-secondary));
   stroke: var(--stn-topology-link-label-halo, var(--stn-elevation-surface-0));
-  stroke-width: 2.4px;
+  stroke-width: 1.2px;
   paint-order: stroke;
   stroke-linejoin: round;
   font-weight: 600;
   letter-spacing: -0.2px;
 }
 
+/* ── 회선 라벨 인터랙션 모드 (hover: 평소 숨김 / 링크 호버 시 일제히 표시, always, none) ── */
+.stn-topology-links-group--label-hover .stn-topology-link__label {
+  opacity: 0;
+  transition: opacity 0.18s cubic-bezier(0.2, 0, 0, 1);
+  pointer-events: none;
+}
+
+.stn-topology-links-group--label-hover.is-link-hovered .stn-topology-link__label {
+  opacity: 1;
+}
+
+.stn-topology-links-group--label-none .stn-topology-link__label {
+  display: none;
+}
+
+.stn-topology-links-group--label-always .stn-topology-link__label {
+  opacity: 1;
+}
+
+.stn-topology-link.is-hovered line:not([stroke="transparent"]),
+.stn-topology-link:hover line:not([stroke="transparent"]) {
+  opacity: 1;
+}
+
 .stn-topology-node__bottom-label--plain text {
   fill: var(--stn-topology-node-label-fg, var(--stn-text-primary));
   stroke: var(--stn-topology-node-label-halo, var(--stn-elevation-surface-0));
@@ -26,6 +56,8 @@
   stroke-linejoin: round;
   font-weight: 700;
   letter-spacing: -0.2px;
+  user-select: none;
+  pointer-events: none;
 }
 
 .stn-topology-node__label-badge.neutral.subtle {
@@ -176,10 +208,10 @@
 :is(.stn-topology-node-mark.is-current, .stn-topology-node-mark.current) .stn-topology-node__circle {
   outline: none;
   box-shadow:
-    0 0 0 3px var(--stn-topology-node-selected-gap, var(--stn-elevation-surface-0)),
-    0 0 0 5.5px var(--stn-topology-node-current-ring),
-    0 0 16px var(--stn-topology-node-current-glow);
-  transform: scale(1.06);
+    0 0 0 2px var(--stn-topology-node-selected-gap, var(--stn-elevation-surface-0)),
+    0 0 0 3.5px var(--stn-topology-node-current-ring),
+    0 0 10px var(--stn-topology-node-current-glow);
+  transform: scale(1.04);
 }
 
 :is(.stn-topology-node-mark.shape-diamond.is-current, .stn-topology-node-mark.shape-diamond.current) .stn-topology-node__circle {
@@ -208,6 +240,27 @@
   transition: fill 0.2s ease;
 }
 
+/* SVG foreignObject Badge Wrapper */
+.stn-topology-node__badge-fo {
+  overflow: visible;
+  pointer-events: none;
+}
+
+.stn-topology-node__badge-fo-inner {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+}
+
+.stn-topology-node__badge-fo-scale {
+  display: inline-flex;
+  transform-origin: center center;
+  user-select: none;
+}
+
 /* STN 토폴로지 노드 벡터 외곽선 stroke-width 표준 시멘틱 토큰 강제 규격 */
 .stn-topology-node > g > rect,
 .stn-topology-node > g > circle:not([class*='stn-topology-pulse-ring']),
@@ -368,10 +421,17 @@
   white-space: nowrap;
 }
 
-/* SVG foreignObject container — 브라우저 기본 overflow:hidden 클리핑 방지 */
+/* SVG foreignObject container — 브라우저 기본 overflow:hidden 클리핑 방지 및 플렉스 센터 정렬 */
 .stn-topology-node-fo {
   overflow: visible;
 }
+.stn-topology-node-fo > div {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 
 /* ==========================================================================
    Topology Graph 3D Spatial Engine & Interactive Controls
@@ -473,6 +533,24 @@
 .stn-topology-node-tooltip {
   transition: opacity 0.15s ease;
   pointer-events: none;
+  user-select: none;
+}
+
+.stn-topology-node-tooltip__box {
+  filter: drop-shadow(0px 1px 2px var(--stn-opacity-black-25));
+}
+
+.stn-topology-node-tooltip text {
+  user-select: none;
+  pointer-events: none;
+  font-family: inherit;
+}
+
+/* Topology Stage Canvas — 풀사이즈 캔버스 및 반응형 최소 높이(600px) 보장 */
+.stn-topology-stage-canvas {
+  width: 100%;
+  height: 100%;
+  min-height: 600px;
 }
 
 

package/styles/tokens/stn-colors-semantic.css

@@ -498,7 +498,8 @@
   --stn-topology-orbit-start: var(--stn-blue-300);
   --stn-topology-orbit-mid: var(--stn-blue-400);
   --stn-topology-orbit-end: var(--stn-purple-300);
-  --stn-topology-link-line: var(--stn-opacity-white-45);
+  --stn-topology-link-line: var(--stn-opacity-white-80);
+  --stn-topology-node-normal: var(--stn-gray-250);
   --stn-topology-node-selected-border: var(--stn-blue-300);
   --stn-topology-node-selected-gap: var(--stn-gray-950);
   --stn-topology-node-selected-glow: color-mix(in srgb, var(--stn-blue-300) 50%, transparent);
@@ -878,7 +879,7 @@
   --stn-table-pill-bg: var(--stn-static-white);
   --stn-table-pill-fg: var(--stn-gray-750);
   --stn-table-pill-shadow: 1px 1px 2px color-mix(in srgb, var(--stn-static-black) 10%, transparent);
-  --stn-table-row-hover: var(--stn-gray-25);
+  --stn-table-row-hover: var(--stn-gray-50);
   --stn-table-td-fg: var(--stn-gray-750);
   --stn-table-th-bg: var(--stn-gray-75);
   --stn-table-th-fg: var(--stn-gray-700);
@@ -1232,7 +1233,8 @@
   --stn-topology-orbit-start: var(--stn-blue-400);
   --stn-topology-orbit-mid: var(--stn-blue-500);
   --stn-topology-orbit-end: var(--stn-purple-400);
-  --stn-topology-link-line: var(--stn-opacity-black-25);
+  --stn-topology-link-line: var(--stn-opacity-black-45);
+  --stn-topology-node-normal: var(--stn-gray-600);
   --stn-topology-node-selected-border: var(--stn-blue-400);
   --stn-topology-node-selected-gap: var(--stn-static-white);
   --stn-topology-node-selected-glow: color-mix(in srgb, var(--stn-blue-400) 40%, transparent);

package/dist/chunk-ZGYPJEU3.js

@@ -1,9 +0,0 @@
-// src/data/stnPackageVersion.ts
-var STN_UI_VERSION = "0.1.87";
-var STN_UI_VERSION_LABEL = "v0.1.87";
-
-export {
-  STN_UI_VERSION,
-  STN_UI_VERSION_LABEL
-};
-//# sourceMappingURL=chunk-ZGYPJEU3.js.map

package/dist/chunk-ZGYPJEU3.js.map

@@ -1 +0,0 @@
-{"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":[]}