@stn-uiux/pub-ui 0.1.76 → 0.1.77

package/dist/{chunk-VC72NQIU.js → chunk-EKPLU5KT.js}

@@ -6,11 +6,11 @@ var STN_TYPE_SCALE_ROWS = [
     category: "Display",
     name: "Display 1",
     weights: "Medium, Bold",
-    sizePx: 60,
-    sizeRem: "4rem",
+    sizePx: 52,
+    sizeRem: "3.25rem",
     lineHeight: "130%",
     role: "\uCD5C\uC0C1\uC704 \uD5E4\uB4DC\uB77C\uC778 (PC\uAD8C\uC7A5)",
-    pubSizeToken: "pub.font-size.60",
+    pubSizeToken: "pub.font-size.52",
     semanticToken: "pub.text.display.xlarge"
   },
   {
@@ -18,11 +18,11 @@ var STN_TYPE_SCALE_ROWS = [
     category: "Display",
     name: "Display 2",
     weights: "Medium, Bold",
-    sizePx: 40,
-    sizeRem: "2.67rem",
+    sizePx: 44,
+    sizeRem: "2.75rem",
     lineHeight: "130%",
     role: "\uBA54\uC778 \uD0C0\uC774\uD2C0 (PC \uAD8C\uC7A5)",
-    pubSizeToken: "pub.font-size.40",
+    pubSizeToken: "pub.font-size.44",
     semanticToken: "pub.text.display.large"
   },
   {
@@ -30,11 +30,11 @@ var STN_TYPE_SCALE_ROWS = [
     category: "Display",
     name: "Display 3",
     weights: "Medium, Bold",
-    sizePx: 36,
-    sizeRem: "2.4rem",
+    sizePx: 40,
+    sizeRem: "2.5rem",
     lineHeight: "148%",
     role: "\uAC15\uC870\uD615 \uD5E4\uB4DC\uB77C\uC778",
-    pubSizeToken: "pub.font-size.36",
+    pubSizeToken: "pub.font-size.40",
     semanticToken: "pub.text.display.medium"
   },
   {
@@ -137,6 +137,7 @@ var STN_TYPE_SCALE_ROWS = [
     lineHeight: "148% / 158%",
     role: "\uBCF8\uBB38 \uD14D\uC2A4\uD2B8",
     pubSizeToken: "pub.font-size.15",
+    semanticToken: "pub.text.body.medium-large",
     pubHtmlExample: "dashboard_map \xB7 GNB 1Depth \xB7 \uD14C\uC774\uBE14 \uD5E4\uB354"
   },
   {
@@ -253,6 +254,27 @@ var STN_TYPE_SCALE_ROWS = [
     pubHtmlExample: "dashboard_map \xB7 node_icon \uB77C\uBCA8 \xB7 gnb_alert \uD0DC\uADF8"
   }
 ];
+var STN_TYPE_SCALE_CLASS = {
+  "display-1": { className: "stn-text-display-1", variant: "display-1" },
+  "display-2": { className: "stn-text-display-2", variant: "display-2" },
+  "display-3": { className: "stn-text-display-3", variant: "display-3" },
+  "heading-1": { className: "stn-text-heading-1", variant: "heading-1" },
+  "heading-2": { className: "stn-text-heading-2", variant: "heading-2" },
+  "heading-3": { className: "stn-text-heading-3", variant: "heading-3" },
+  "title-1": { className: "stn-text-title-1", variant: "title-1" },
+  "title-2": { className: "stn-text-title-2", variant: "title-2" },
+  "title-3": { className: "stn-text-title-3", variant: "title-3" },
+  "body-1": { className: "stn-text-body-1", variant: "body-1" },
+  "body-2": { className: "stn-text-body-2", variant: "body-2" },
+  "body-3": { className: "stn-text-body-3", variant: "body-3" },
+  "body-small": { className: "stn-text-body-small", variant: "body-small" },
+  "label-1": { className: "stn-text-label-1", variant: "label-1" },
+  "label-2": { className: "stn-text-label-2", variant: "label-2" },
+  "label-3": { className: "stn-text-label-3", variant: "label-3" },
+  "label-4": { className: "stn-text-label-4", variant: "label-4" },
+  "caption-large": { className: "stn-text-caption-large", variant: "caption-large" },
+  caption: { className: "stn-text-caption", variant: "caption" }
+};
 var WEIGHT_LABEL = {
   300: "Regular",
   500: "Medium",
@@ -273,7 +295,8 @@ function typeScalePill(scaleName, sizePx, weight) {
 export {
   STN_TYPE_SCALE_INTRO,
   STN_TYPE_SCALE_ROWS,
+  STN_TYPE_SCALE_CLASS,
   resolveTypeScaleName,
   typeScalePill
 };
-//# sourceMappingURL=chunk-VC72NQIU.js.map
+//# sourceMappingURL=chunk-EKPLU5KT.js.map

package/dist/chunk-EKPLU5KT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data/stnTypeScale.ts"],"sourcesContent":["/**\n * Figma Type Scale — Display / Heading / Title / Body / Label / Caption\n * Pub HTML은 primitive(font-size·weight)로 조합하며, semantic samples는 일부만 시연합니다.\n */\n\nexport type StnTypeScaleCategory =\n  | 'Display'\n  | 'Heading'\n  | 'Title'\n  | 'Body'\n  | 'Label'\n  | 'Caption'\n  | 'Pub extension'\n\nexport type StnTypeScaleRow = {\n  id: string\n  category: StnTypeScaleCategory\n  name: string\n  weights: string\n  sizePx: number\n  sizeRem: string\n  lineHeight: string\n  role: string\n  pubSizeToken: string\n  /** Tokens 탭 semantic (있으면) */\n  semanticToken?: string\n  /** dashboard_map.html 등 실제 화면 예 (있을 때만) */\n  pubHtmlExample?: string\n}\n\nexport const STN_TYPE_SCALE_INTRO =\n  'Display, Heading, Title, Body, Label, Caption으로 정의한 6단계 위계에 맞게 조합하여 사용합니다.'\n\nexport const STN_TYPE_SCALE_ROWS: StnTypeScaleRow[] = [\n  {\n    id: 'display-1',\n    category: 'Display',\n    name: 'Display 1',\n    weights: 'Medium, Bold',\n    sizePx: 52,\n    sizeRem: '3.25rem',\n    lineHeight: '130%',\n    role: '최상위 헤드라인 (PC권장)',\n    pubSizeToken: 'pub.font-size.52',\n    semanticToken: 'pub.text.display.xlarge',\n  },\n  {\n    id: 'display-2',\n    category: 'Display',\n    name: 'Display 2',\n    weights: 'Medium, Bold',\n    sizePx: 44,\n    sizeRem: '2.75rem',\n    lineHeight: '130%',\n    role: '메인 타이틀 (PC 권장)',\n    pubSizeToken: 'pub.font-size.44',\n    semanticToken: 'pub.text.display.large',\n  },\n  {\n    id: 'display-3',\n    category: 'Display',\n    name: 'Display 3',\n    weights: 'Medium, Bold',\n    sizePx: 40,\n    sizeRem: '2.5rem',\n    lineHeight: '148%',\n    role: '강조형 헤드라인',\n    pubSizeToken: 'pub.font-size.40',\n    semanticToken: 'pub.text.display.medium',\n  },\n  {\n    id: 'heading-1',\n    category: 'Heading',\n    name: 'Heading 1',\n    weights: 'Medium, Bold',\n    sizePx: 32,\n    sizeRem: '2.133rem',\n    lineHeight: '148%',\n    role: '페이지 상위 제목',\n    pubSizeToken: 'pub.font-size.32',\n    semanticToken: 'pub.text.heading.large',\n    pubHtmlExample: 'dashboard_map · converged-header 페이지명',\n  },\n  {\n    id: 'heading-2',\n    category: 'Heading',\n    name: 'Heading 2',\n    weights: 'Medium, Bold',\n    sizePx: 24,\n    sizeRem: '1.6rem',\n    lineHeight: '148%',\n    role: '하위 제목',\n    pubSizeToken: 'pub.font-size.24',\n    semanticToken: 'pub.text.heading.medium',\n    pubHtmlExample: 'dashboard_map · 장애 등급 수치(24px Bold)',\n  },\n  {\n    id: 'heading-3',\n    category: 'Heading',\n    name: 'Heading 3',\n    weights: 'Medium, Bold',\n    sizePx: 22,\n    sizeRem: '1.47rem',\n    lineHeight: '148%',\n    role: '소제목, 그룹 제목',\n    pubSizeToken: 'pub.font-size.22',\n    semanticToken: 'pub.text.heading.small',\n  },\n  {\n    id: 'title-1',\n    category: 'Title',\n    name: 'Title 1',\n    weights: 'Medium, Bold',\n    sizePx: 20,\n    sizeRem: '1.33rem',\n    lineHeight: '148%',\n    role: '콘텐츠 타이틀',\n    pubSizeToken: 'pub.font-size.20',\n    semanticToken: 'pub.text.title.large',\n    pubHtmlExample: 'dashboard_map · 헤더 시계(#time)',\n  },\n  {\n    id: 'title-2',\n    category: 'Title',\n    name: 'Title 2',\n    weights: 'Medium, Semibold, Bold',\n    sizePx: 18,\n    sizeRem: '1.2rem',\n    lineHeight: '148%',\n    role: '서브 페이지 제목',\n    pubSizeToken: 'pub.font-size.18',\n    semanticToken: 'pub.text.title.medium',\n    pubHtmlExample: 'alert_center · 모달 타이틀「알림센터」',\n  },\n  {\n    id: 'title-3',\n    category: 'Title',\n    name: 'Title 3',\n    weights: 'Medium',\n    sizePx: 16,\n    sizeRem: '1.07rem',\n    lineHeight: '148%',\n    role: '서브 타이틀 · 헤더',\n    pubSizeToken: 'pub.font-size.16',\n    semanticToken: 'pub.text.title.small',\n    pubHtmlExample: 'stn-header · stn-widget 헤더',\n  },\n  {\n    id: 'body-1',\n    category: 'Body',\n    name: 'Body 1',\n    weights: 'Regular, Medium, Semibold, Bold',\n    sizePx: 16,\n    sizeRem: '1.07rem',\n    lineHeight: '148% / 170%',\n    role: '본문 텍스트 (PC 권장)',\n    pubSizeToken: 'pub.font-size.16',\n    semanticToken: 'pub.text.body.large',\n    pubHtmlExample: 'dashboard_map · fault_table 본문 셀',\n  },\n  {\n    id: 'body-2',\n    category: 'Body',\n    name: 'Body 2',\n    weights: 'Regular, Medium, Semibold, Bold',\n    sizePx: 15,\n    sizeRem: '1rem',\n    lineHeight: '148% / 158%',\n    role: '본문 텍스트',\n    pubSizeToken: 'pub.font-size.15',\n    semanticToken: 'pub.text.body.medium-large',\n    pubHtmlExample: 'dashboard_map · GNB 1Depth · 테이블 헤더',\n  },\n  {\n    id: 'body-3',\n    category: 'Body',\n    name: 'Body 3',\n    weights: 'Regular, Medium, Semibold, Bold',\n    sizePx: 14,\n    sizeRem: '0.933rem',\n    lineHeight: '148% / 158%',\n    role: '본문 소형 텍스트',\n    pubSizeToken: 'pub.font-size.14',\n    semanticToken: 'pub.text.body.medium',\n    pubHtmlExample: 'Pub reset 기본 · 위젯 타이틀·GNB 하단·헤더 날짜',\n  },\n  {\n    id: 'body-small',\n    category: 'Body',\n    name: 'Body Small',\n    weights: 'Regular',\n    sizePx: 13,\n    sizeRem: '0.87rem',\n    lineHeight: '148%',\n    role: '본문 소형 · 입력·드롭다운·테이블',\n    pubSizeToken: 'pub.font-size.13',\n    semanticToken: 'pub.text.body.small',\n    pubHtmlExample: 'stn-table · stn-dropdown · stn-text-field · stn-btn(sm)',\n  },\n  {\n    id: 'label-1',\n    category: 'Label',\n    name: 'Label 1',\n    weights: 'Medium',\n    sizePx: 17,\n    sizeRem: '1.133rem',\n    lineHeight: '148%',\n    role: '버튼 라벨 (PC 권장)',\n    pubSizeToken: 'pub.font-size.17',\n    semanticToken: 'pub.text.label.large',\n  },\n  {\n    id: 'label-2',\n    category: 'Label',\n    name: 'Label 2',\n    weights: 'SemiBold',\n    sizePx: 15,\n    sizeRem: '1rem',\n    lineHeight: '148%',\n    role: '버튼, 입력 폼',\n    pubSizeToken: 'pub.font-size.15',\n    semanticToken: 'pub.text.label.medium',\n  },\n  {\n    id: 'label-3',\n    category: 'Label',\n    name: 'Label 3',\n    weights: 'Medium, Semibold',\n    sizePx: 13,\n    sizeRem: '0.87rem',\n    lineHeight: '148%',\n    role: '입력 레이블',\n    pubSizeToken: 'pub.font-size.13',\n    semanticToken: 'pub.text.label.small',\n    pubHtmlExample: 'dashboard_map · GNB 2Depth · 장애 요약',\n  },\n  {\n    id: 'label-4',\n    category: 'Label',\n    name: 'Label 4',\n    weights: 'Medium, Semibold, Bold',\n    sizePx: 10,\n    sizeRem: '0.625rem',\n    lineHeight: 'Auto',\n    role: '바텀 아이콘 레이블',\n    pubSizeToken: 'pub.font-size.10',\n    semanticToken: 'pub.text.label.xsmall',\n  },\n  {\n    id: 'caption-large',\n    category: 'Caption',\n    name: 'Caption Large',\n    weights: 'Regular',\n    sizePx: 14,\n    sizeRem: '0.933rem',\n    lineHeight: '130%',\n    role: '캡션 대형 · 로그인 카드 서브캡션',\n    pubSizeToken: 'pub.font-size.14',\n    semanticToken: 'pub.text.caption.large',\n    pubHtmlExample: 'stn-login-card 서브캡션',\n  },\n  {\n    id: 'caption',\n    category: 'Caption',\n    name: 'Caption',\n    weights: 'Medium, SemiBold',\n    sizePx: 12,\n    sizeRem: '0.8rem',\n    lineHeight: '148%',\n    role: '툴팁, 보조 설명',\n    pubSizeToken: 'pub.font-size.12',\n    semanticToken: 'pub.text.caption.medium',\n    pubHtmlExample: 'alert_center 목록 · dashboard_map 등급 라벨·위젯 소제목',\n  },\n  {\n    id: 'pub-11',\n    category: 'Pub extension',\n    name: '11px (Pub)',\n    weights: 'Bold',\n    sizePx: 11,\n    sizeRem: '0.73rem',\n    lineHeight: '148%',\n    role: '지도 노드·알림 등급 태그 등 Pub 전용',\n    pubSizeToken: 'pub.font-size.11',\n    pubHtmlExample: 'dashboard_map · node_icon 라벨 · gnb_alert 태그',\n  },\n]\n\n/** Type Scale id → 유틸리티 클래스 (styles/foundations/stn-typography.css) · StnText variant */\nexport const STN_TYPE_SCALE_CLASS: Record<string, { className: string; variant: string }> = {\n  'display-1': { className: 'stn-text-display-1', variant: 'display-1' },\n  'display-2': { className: 'stn-text-display-2', variant: 'display-2' },\n  'display-3': { className: 'stn-text-display-3', variant: 'display-3' },\n  'heading-1': { className: 'stn-text-heading-1', variant: 'heading-1' },\n  'heading-2': { className: 'stn-text-heading-2', variant: 'heading-2' },\n  'heading-3': { className: 'stn-text-heading-3', variant: 'heading-3' },\n  'title-1': { className: 'stn-text-title-1', variant: 'title-1' },\n  'title-2': { className: 'stn-text-title-2', variant: 'title-2' },\n  'title-3': { className: 'stn-text-title-3', variant: 'title-3' },\n  'body-1': { className: 'stn-text-body-1', variant: 'body-1' },\n  'body-2': { className: 'stn-text-body-2', variant: 'body-2' },\n  'body-3': { className: 'stn-text-body-3', variant: 'body-3' },\n  'body-small': { className: 'stn-text-body-small', variant: 'body-small' },\n  'label-1': { className: 'stn-text-label-1', variant: 'label-1' },\n  'label-2': { className: 'stn-text-label-2', variant: 'label-2' },\n  'label-3': { className: 'stn-text-label-3', variant: 'label-3' },\n  'label-4': { className: 'stn-text-label-4', variant: 'label-4' },\n  'caption-large': { className: 'stn-text-caption-large', variant: 'caption-large' },\n  caption: { className: 'stn-text-caption', variant: 'caption' },\n}\n\nconst WEIGHT_LABEL: Record<number, string> = {\n  300: 'Regular',\n  500: 'Medium',\n  700: 'Bold',\n}\n\n/** px(+weight) → Type Scale 이름 (가장 가까운 스케일) */\nexport function resolveTypeScaleName(sizePx: number, weight = 400): {\n  scale: string\n  weightLabel: string\n  pill: string\n} {\n  const w = weight >= 600 ? 700 : weight >= 500 ? 500 : 300\n  const weightLabel = WEIGHT_LABEL[w] ?? `${weight}`\n  const row =\n    STN_TYPE_SCALE_ROWS.find((r) => r.sizePx === sizePx) ??\n    STN_TYPE_SCALE_ROWS.find((r) => Math.abs(r.sizePx - sizePx) <= 1)\n  const scale = row?.name ?? `${sizePx}px`\n  const pill = `${scale} (${sizePx}, ${w})`\n  return { scale, weightLabel, pill }\n}\n\n/** dashboard_map Use case — Type Scale 기준 라벨 */\nexport function typeScalePill(\n  scaleName: string,\n  sizePx: number,\n  weight: number,\n): string {\n  return `${scaleName} (${sizePx}, ${weight})`\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-RSKMNZIS.js

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

package/dist/chunk-RSKMNZIS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data/stnPackageVersion.ts"],"sourcesContent":["/** Package version constants */\nexport const STN_UI_VERSION = '0.1.77'\nexport const STN_UI_VERSION_LABEL = 'v0.1.77'\n"],"mappings":";AACO,IAAM,iBAAiB;AACvB,IAAM,uBAAuB;","names":[]}

package/dist/data/index.d.ts

@@ -59,7 +59,7 @@ export { STN_THEME_SEMANTIC_DARK_ROWS, STN_THEME_SEMANTIC_LIGHT_ROWS, StnThemeSe
 export { STN_TOAST_DEMO_MSG, STN_TOAST_ICON_SLUG, STN_TOAST_INTRO, STN_TOAST_KINDS, STN_TOAST_REACT_USAGE, STN_TOAST_SETUP, STN_TOAST_TOKEN_ROWS, STN_TOAST_USAGE_HTML, StnToastKind } from './stnToast.js';
 export { STN_TOGGLE_BUTTON_PLAYGROUND_DEFAULT, STN_TOGGLE_BUTTON_PLAYGROUND_INTRO, STN_TOGGLE_BUTTON_PLAYGROUND_PROPERTIES, STN_TOGGLE_BUTTON_REACT_USAGE, STN_TOGGLE_BUTTON_USAGE_HTML, StnToggleButtonPlaygroundConfig, countToggleButtonPlaygroundCombinations, describeToggleButtonPlaygroundReact, listToggleButtonPlaygroundMatrix } from './stnToggleButton.js';
 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_INTRO, STN_TYPE_SCALE_ROWS, StnTypeScaleCategory, StnTypeScaleRow, resolveTypeScaleName, typeScalePill } from './stnTypeScale.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_SIZE_ROWS, STN_FONT_WEIGHT_ROWS, STN_LINE_HEIGHT_ROWS, STN_TYPOGRAPHY_PRIMITIVE_GROUPS, STN_TYPOGRAPHY_SEMANTIC_ROWS, StnTypographyPrimitiveRow, StnTypographySemanticRow, 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_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';

package/dist/data/index.js

@@ -10,11 +10,12 @@ import {
   listToggleButtonPlaygroundMatrix
 } from "../chunk-7AMA6OZ6.js";
 import {
+  STN_TYPE_SCALE_CLASS,
   STN_TYPE_SCALE_INTRO,
   STN_TYPE_SCALE_ROWS,
   resolveTypeScaleName,
   typeScalePill
-} from "../chunk-VC72NQIU.js";
+} from "../chunk-EKPLU5KT.js";
 import {
   STN_FONT_FAMILY_ROWS,
   STN_FONT_SIZE_ROWS,
@@ -136,7 +137,7 @@ import {
 import {
   STN_UI_VERSION,
   STN_UI_VERSION_LABEL
-} from "../chunk-RY53LLWK.js";
+} from "../chunk-RSKMNZIS.js";
 import {
   STN_PAGE_ENTER_MOTION_INTRO,
   STN_PAGE_ENTER_MOTION_ROWS,
@@ -891,6 +892,7 @@ export {
   STN_TREE_REACT_EXAMPLE,
   STN_TREE_SECTION_SIDE_FIGMA,
   STN_TREE_USAGE_HTML,
+  STN_TYPE_SCALE_CLASS,
   STN_TYPE_SCALE_INTRO,
   STN_TYPE_SCALE_ROWS,
   STN_TYPOGRAPHY_PRIMITIVE_GROUPS,

package/dist/data/stnPackageVersion.d.ts

@@ -1,5 +1,5 @@
 /** Package version constants */
-declare const STN_UI_VERSION = "0.1.76";
-declare const STN_UI_VERSION_LABEL = "v0.1.76";
+declare const STN_UI_VERSION = "0.1.77";
+declare const STN_UI_VERSION_LABEL = "v0.1.77";
 
 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-RY53LLWK.js";
+} from "../chunk-RSKMNZIS.js";
 export {
   STN_UI_VERSION,
   STN_UI_VERSION_LABEL

package/dist/data/stnTypeScale.d.ts

@@ -20,6 +20,11 @@ type StnTypeScaleRow = {
 };
 declare const STN_TYPE_SCALE_INTRO = "Display, Heading, Title, Body, Label, Caption\uC73C\uB85C \uC815\uC758\uD55C 6\uB2E8\uACC4 \uC704\uACC4\uC5D0 \uB9DE\uAC8C \uC870\uD569\uD558\uC5EC \uC0AC\uC6A9\uD569\uB2C8\uB2E4.";
 declare const STN_TYPE_SCALE_ROWS: StnTypeScaleRow[];
+/** Type Scale id → 유틸리티 클래스 (styles/foundations/stn-typography.css) · StnText variant */
+declare const STN_TYPE_SCALE_CLASS: Record<string, {
+    className: string;
+    variant: string;
+}>;
 /** px(+weight) → Type Scale 이름 (가장 가까운 스케일) */
 declare function resolveTypeScaleName(sizePx: number, weight?: number): {
     scale: string;
@@ -29,4 +34,4 @@ declare function resolveTypeScaleName(sizePx: number, weight?: number): {
 /** dashboard_map Use case — Type Scale 기준 라벨 */
 declare function typeScalePill(scaleName: string, sizePx: number, weight: number): string;
 
-export { STN_TYPE_SCALE_INTRO, STN_TYPE_SCALE_ROWS, type StnTypeScaleCategory, type StnTypeScaleRow, resolveTypeScaleName, typeScalePill };
+export { STN_TYPE_SCALE_CLASS, STN_TYPE_SCALE_INTRO, STN_TYPE_SCALE_ROWS, type StnTypeScaleCategory, type StnTypeScaleRow, resolveTypeScaleName, typeScalePill };

package/dist/data/stnTypeScale.js

@@ -1,10 +1,12 @@
 import {
+  STN_TYPE_SCALE_CLASS,
   STN_TYPE_SCALE_INTRO,
   STN_TYPE_SCALE_ROWS,
   resolveTypeScaleName,
   typeScalePill
-} from "../chunk-VC72NQIU.js";
+} from "../chunk-EKPLU5KT.js";
 export {
+  STN_TYPE_SCALE_CLASS,
   STN_TYPE_SCALE_INTRO,
   STN_TYPE_SCALE_ROWS,
   resolveTypeScaleName,

package/dist/index.d.ts

@@ -59,7 +59,7 @@ export { STN_THEME_SEMANTIC_DARK_ROWS, STN_THEME_SEMANTIC_LIGHT_ROWS, StnThemeSe
 export { STN_TOAST_DEMO_MSG, STN_TOAST_ICON_SLUG, STN_TOAST_INTRO, STN_TOAST_KINDS, STN_TOAST_REACT_USAGE, STN_TOAST_SETUP, STN_TOAST_TOKEN_ROWS, STN_TOAST_USAGE_HTML, StnToastKind } from './data/stnToast.js';
 export { STN_TOGGLE_BUTTON_PLAYGROUND_DEFAULT, STN_TOGGLE_BUTTON_PLAYGROUND_INTRO, STN_TOGGLE_BUTTON_PLAYGROUND_PROPERTIES, STN_TOGGLE_BUTTON_REACT_USAGE, STN_TOGGLE_BUTTON_USAGE_HTML, StnToggleButtonPlaygroundConfig, countToggleButtonPlaygroundCombinations, describeToggleButtonPlaygroundReact, listToggleButtonPlaygroundMatrix } from './data/stnToggleButton.js';
 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_INTRO, STN_TYPE_SCALE_ROWS, StnTypeScaleCategory, StnTypeScaleRow, resolveTypeScaleName, typeScalePill } from './data/stnTypeScale.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_SIZE_ROWS, STN_FONT_WEIGHT_ROWS, STN_LINE_HEIGHT_ROWS, STN_TYPOGRAPHY_PRIMITIVE_GROUPS, STN_TYPOGRAPHY_SEMANTIC_ROWS, StnTypographyPrimitiveRow, StnTypographySemanticRow, 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_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';

package/dist/index.js

@@ -15,11 +15,12 @@ import {
   listToggleButtonPlaygroundMatrix
 } from "./chunk-7AMA6OZ6.js";
 import {
+  STN_TYPE_SCALE_CLASS,
   STN_TYPE_SCALE_INTRO,
   STN_TYPE_SCALE_ROWS,
   resolveTypeScaleName,
   typeScalePill
-} from "./chunk-VC72NQIU.js";
+} from "./chunk-EKPLU5KT.js";
 import {
   STN_FONT_FAMILY_ROWS,
   STN_FONT_SIZE_ROWS,
@@ -141,7 +142,7 @@ import {
 import {
   STN_UI_VERSION,
   STN_UI_VERSION_LABEL
-} from "./chunk-RY53LLWK.js";
+} from "./chunk-RSKMNZIS.js";
 import {
   STN_PAGE_ENTER_MOTION_INTRO,
   STN_PAGE_ENTER_MOTION_ROWS,
@@ -896,6 +897,7 @@ export {
   STN_TREE_REACT_EXAMPLE,
   STN_TREE_SECTION_SIDE_FIGMA,
   STN_TREE_USAGE_HTML,
+  STN_TYPE_SCALE_CLASS,
   STN_TYPE_SCALE_INTRO,
   STN_TYPE_SCALE_ROWS,
   STN_TYPOGRAPHY_PRIMITIVE_GROUPS,

package/package.json

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

package/styles/foundations/stn-typography.css

@@ -0,0 +1,166 @@
+@charset "utf-8";
+/**
+ * STN Design System — Typography Utilities (Type Scale)
+ * Foundation › Typography 문서의 Type Scale 이름을 그대로 클래스화합니다.
+ * 모든 값은 --stn-text-* / --stn-font-* 시맨틱 토큰만 사용합니다.
+ *
+ * 사용: <h1 class="stn-text-heading-1">페이지 제목</h1>
+ * 수정자: .stn-text-weight-*, .stn-text-color-*, .stn-text-truncate
+ */
+
+/* ── Display ───────────────────────────────────────────── */
+.stn-text-display-1 {
+  font-family: var(--stn-font-display);
+  font-size: var(--stn-text-display-xlarge-size);
+  font-weight: var(--stn-text-display-xlarge-weight);
+  line-height: var(--stn-text-display-xlarge-line-height);
+}
+.stn-text-display-2 {
+  font-family: var(--stn-font-display);
+  font-size: var(--stn-text-display-large-size);
+  font-weight: var(--stn-text-display-large-weight);
+  line-height: var(--stn-text-display-large-line-height);
+}
+.stn-text-display-3 {
+  font-family: var(--stn-font-display);
+  font-size: var(--stn-text-display-medium-size);
+  font-weight: var(--stn-text-display-medium-weight);
+  line-height: var(--stn-text-display-medium-line-height);
+}
+
+/* ── Heading ───────────────────────────────────────────── */
+.stn-text-heading-1 {
+  font-family: var(--stn-font-display);
+  font-size: var(--stn-text-heading-large-size);
+  font-weight: var(--stn-text-heading-large-weight);
+  line-height: var(--stn-text-heading-large-line-height);
+}
+.stn-text-heading-2 {
+  font-family: var(--stn-font-display);
+  font-size: var(--stn-text-heading-medium-size);
+  font-weight: var(--stn-text-heading-medium-weight);
+  line-height: var(--stn-text-heading-medium-line-height);
+}
+.stn-text-heading-3 {
+  font-family: var(--stn-font-display);
+  font-size: var(--stn-text-heading-small-size);
+  font-weight: var(--stn-text-heading-small-weight);
+  line-height: var(--stn-text-heading-small-line-height);
+}
+
+/* ── Title ─────────────────────────────────────────────── */
+.stn-text-title-1 {
+  font-family: var(--stn-font-body);
+  font-size: var(--stn-text-title-large-size);
+  font-weight: var(--stn-text-title-large-weight);
+  line-height: var(--stn-text-title-large-line-height);
+}
+.stn-text-title-2 {
+  font-family: var(--stn-font-body);
+  font-size: var(--stn-text-title-medium-size);
+  font-weight: var(--stn-text-title-medium-weight);
+  line-height: var(--stn-text-title-medium-line-height);
+}
+.stn-text-title-3 {
+  font-family: var(--stn-font-body);
+  font-size: var(--stn-text-title-small-size);
+  font-weight: var(--stn-text-title-small-weight);
+  line-height: var(--stn-text-title-small-line-height);
+}
+
+/* ── Body ──────────────────────────────────────────────── */
+.stn-text-body-1 {
+  font-family: var(--stn-font-body);
+  font-size: var(--stn-text-body-large-size);
+  font-weight: var(--stn-text-body-large-weight);
+  line-height: var(--stn-text-body-large-line-height);
+}
+.stn-text-body-2 {
+  font-family: var(--stn-font-body);
+  font-size: var(--stn-text-body-medium-large-size);
+  font-weight: var(--stn-text-body-medium-large-weight);
+  line-height: var(--stn-text-body-medium-large-line-height);
+}
+.stn-text-body-3 {
+  font-family: var(--stn-font-body);
+  font-size: var(--stn-text-body-medium-size);
+  font-weight: var(--stn-text-body-medium-weight);
+  line-height: var(--stn-text-body-medium-line-height);
+}
+.stn-text-body-small {
+  font-family: var(--stn-font-body);
+  font-size: var(--stn-text-body-small-size);
+  font-weight: var(--stn-text-body-small-weight);
+  line-height: var(--stn-text-body-small-line-height);
+}
+
+/* ── Label ─────────────────────────────────────────────── */
+.stn-text-label-1 {
+  font-family: var(--stn-font-body);
+  font-size: var(--stn-text-label-large-size);
+  font-weight: var(--stn-text-label-large-weight);
+  line-height: var(--stn-text-label-large-line-height);
+}
+.stn-text-label-2 {
+  font-family: var(--stn-font-body);
+  font-size: var(--stn-text-label-medium-size);
+  font-weight: var(--stn-text-label-medium-weight);
+  line-height: var(--stn-text-label-medium-line-height);
+}
+.stn-text-label-3 {
+  font-family: var(--stn-font-body);
+  font-size: var(--stn-text-label-small-size);
+  font-weight: var(--stn-text-label-small-weight);
+  line-height: var(--stn-text-label-small-line-height);
+}
+.stn-text-label-4 {
+  font-family: var(--stn-font-body);
+  font-size: var(--stn-text-label-xsmall-size);
+  font-weight: var(--stn-text-label-xsmall-weight);
+  line-height: var(--stn-text-label-xsmall-line-height);
+}
+
+/* ── Caption ───────────────────────────────────────────── */
+.stn-text-caption-large {
+  font-family: var(--stn-font-body);
+  font-size: var(--stn-text-caption-large-size);
+  font-weight: var(--stn-text-caption-large-weight);
+  line-height: var(--stn-text-caption-large-line-height);
+}
+.stn-text-caption {
+  font-family: var(--stn-font-body);
+  font-size: var(--stn-text-caption-medium-size);
+  font-weight: var(--stn-text-caption-medium-weight);
+  line-height: var(--stn-text-caption-medium-line-height);
+}
+
+/* ── Weight modifiers ──────────────────────────────────── */
+.stn-text-weight-regular { font-weight: var(--stn-font-weight-regular); }
+.stn-text-weight-medium { font-weight: var(--stn-font-weight-medium); }
+.stn-text-weight-semibold { font-weight: var(--stn-font-weight-semibold); }
+.stn-text-weight-bold { font-weight: var(--stn-font-weight-bold); }
+
+/* ── Color modifiers ───────────────────────────────────── */
+.stn-text-color-primary { color: var(--stn-text-primary); }
+.stn-text-color-secondary { color: var(--stn-text-secondary); }
+.stn-text-color-tertiary { color: var(--stn-text-tertiary); }
+.stn-text-color-muted { color: var(--stn-text-muted); }
+.stn-text-color-success { color: var(--stn-feedback-success); }
+.stn-text-color-error { color: var(--stn-feedback-error); }
+.stn-text-color-info { color: var(--stn-feedback-info); }
+.stn-text-color-critical { color: var(--stn-grade-critical); }
+.stn-text-color-major { color: var(--stn-grade-major); }
+.stn-text-color-minor { color: var(--stn-grade-minor); }
+.stn-text-color-warning { color: var(--stn-grade-warning); }
+
+/* ── Layout helpers ────────────────────────────────────── */
+.stn-text-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.stn-text-reset-margin { margin: 0; }
+.stn-text-numeric {
+  font-family: var(--stn-font-number);
+  font-variant-numeric: tabular-nums;
+}

package/styles/style-pub.css

@@ -26,6 +26,7 @@
 
 /* --- 2. Utils & Reset --- */
 @import './utils/reset.css';
+@import './foundations/stn-typography.css';
 
 /* --- 3. Layouts (Pure Screen Skeletons) --- */
 @import './layouts/stn-layout.css';

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

@@ -9,13 +9,14 @@
 :root {
   --stn-font-display: var(--stn-font-family-pretendard);
   --stn-font-body: var(--stn-font-family-pretendard);
-  --stn-text-display-xlarge-size: var(--stn-font-size-60);
+  --stn-font-number: var(--stn-font-family-pretendard);
+  --stn-text-display-xlarge-size: var(--stn-font-size-52);
   --stn-text-display-xlarge-weight: var(--stn-font-weight-bold);
   --stn-text-display-xlarge-line-height: var(--stn-line-height-reading-3);
-  --stn-text-display-large-size: var(--stn-font-size-40);
+  --stn-text-display-large-size: var(--stn-font-size-44);
   --stn-text-display-large-weight: var(--stn-font-weight-bold);
   --stn-text-display-large-line-height: var(--stn-line-height-reading-3);
-  --stn-text-display-medium-size: var(--stn-font-size-36);
+  --stn-text-display-medium-size: var(--stn-font-size-40);
   --stn-text-display-medium-weight: var(--stn-font-weight-bold);
   --stn-text-display-medium-line-height: var(--stn-line-height-default);
   --stn-text-heading-large-size: var(--stn-font-size-32);
@@ -39,6 +40,9 @@
   --stn-text-body-large-size: var(--stn-font-size-16);
   --stn-text-body-large-weight: var(--stn-font-weight-regular);
   --stn-text-body-large-line-height: var(--stn-line-height-default);
+  --stn-text-body-medium-large-size: var(--stn-font-size-15);
+  --stn-text-body-medium-large-weight: var(--stn-font-weight-regular);
+  --stn-text-body-medium-large-line-height: var(--stn-line-height-default);
   --stn-text-body-medium-size: var(--stn-font-size-14);
   --stn-text-body-medium-weight: var(--stn-font-weight-regular);
   --stn-text-body-medium-line-height: var(--stn-line-height-default);

package/styles/tokens/stn-typography.css

@@ -9,9 +9,9 @@
 :root {
   --stn-font-family-pretendard: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
   --stn-font-size-base: 16px;
-  --stn-font-size-60: calc(var(--stn-font-size-base) * 60 / 16);
-  --stn-font-size-45: calc(var(--stn-font-size-base) * 45 / 16);
-  --stn-font-size-42: calc(var(--stn-font-size-base) * 42 / 16);
+  --stn-font-size-52: calc(var(--stn-font-size-base) * 52 / 16);
+  --stn-font-size-48: calc(var(--stn-font-size-base) * 48 / 16);
+  --stn-font-size-44: calc(var(--stn-font-size-base) * 44 / 16);
   --stn-font-size-40: calc(var(--stn-font-size-base) * 40 / 16);
   --stn-font-size-36: calc(var(--stn-font-size-base) * 36 / 16);
   --stn-font-size-32: calc(var(--stn-font-size-base) * 32 / 16);

package/dist/chunk-RY53LLWK.js

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

package/dist/chunk-RY53LLWK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/data/stnPackageVersion.ts"],"sourcesContent":["/** Package version constants */\nexport const STN_UI_VERSION = '0.1.76'\nexport const STN_UI_VERSION_LABEL = 'v0.1.76'\n"],"mappings":";AACO,IAAM,iBAAiB;AACvB,IAAM,uBAAuB;","names":[]}

package/dist/chunk-VC72NQIU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/data/stnTypeScale.ts"],"sourcesContent":["/**\n * Figma Type Scale — Display / Heading / Title / Body / Label / Caption\n * Pub HTML은 primitive(font-size·weight)로 조합하며, semantic samples는 일부만 시연합니다.\n */\n\nexport type StnTypeScaleCategory =\n  | 'Display'\n  | 'Heading'\n  | 'Title'\n  | 'Body'\n  | 'Label'\n  | 'Caption'\n  | 'Pub extension'\n\nexport type StnTypeScaleRow = {\n  id: string\n  category: StnTypeScaleCategory\n  name: string\n  weights: string\n  sizePx: number\n  sizeRem: string\n  lineHeight: string\n  role: string\n  pubSizeToken: string\n  /** Tokens 탭 semantic (있으면) */\n  semanticToken?: string\n  /** dashboard_map.html 등 실제 화면 예 (있을 때만) */\n  pubHtmlExample?: string\n}\n\nexport const STN_TYPE_SCALE_INTRO =\n  'Display, Heading, Title, Body, Label, Caption으로 정의한 6단계 위계에 맞게 조합하여 사용합니다.'\n\nexport const STN_TYPE_SCALE_ROWS: StnTypeScaleRow[] = [\n  {\n    id: 'display-1',\n    category: 'Display',\n    name: 'Display 1',\n    weights: 'Medium, Bold',\n    sizePx: 60,\n    sizeRem: '4rem',\n    lineHeight: '130%',\n    role: '최상위 헤드라인 (PC권장)',\n    pubSizeToken: 'pub.font-size.60',\n    semanticToken: 'pub.text.display.xlarge',\n  },\n  {\n    id: 'display-2',\n    category: 'Display',\n    name: 'Display 2',\n    weights: 'Medium, Bold',\n    sizePx: 40,\n    sizeRem: '2.67rem',\n    lineHeight: '130%',\n    role: '메인 타이틀 (PC 권장)',\n    pubSizeToken: 'pub.font-size.40',\n    semanticToken: 'pub.text.display.large',\n  },\n  {\n    id: 'display-3',\n    category: 'Display',\n    name: 'Display 3',\n    weights: 'Medium, Bold',\n    sizePx: 36,\n    sizeRem: '2.4rem',\n    lineHeight: '148%',\n    role: '강조형 헤드라인',\n    pubSizeToken: 'pub.font-size.36',\n    semanticToken: 'pub.text.display.medium',\n  },\n  {\n    id: 'heading-1',\n    category: 'Heading',\n    name: 'Heading 1',\n    weights: 'Medium, Bold',\n    sizePx: 32,\n    sizeRem: '2.133rem',\n    lineHeight: '148%',\n    role: '페이지 상위 제목',\n    pubSizeToken: 'pub.font-size.32',\n    semanticToken: 'pub.text.heading.large',\n    pubHtmlExample: 'dashboard_map · converged-header 페이지명',\n  },\n  {\n    id: 'heading-2',\n    category: 'Heading',\n    name: 'Heading 2',\n    weights: 'Medium, Bold',\n    sizePx: 24,\n    sizeRem: '1.6rem',\n    lineHeight: '148%',\n    role: '하위 제목',\n    pubSizeToken: 'pub.font-size.24',\n    semanticToken: 'pub.text.heading.medium',\n    pubHtmlExample: 'dashboard_map · 장애 등급 수치(24px Bold)',\n  },\n  {\n    id: 'heading-3',\n    category: 'Heading',\n    name: 'Heading 3',\n    weights: 'Medium, Bold',\n    sizePx: 22,\n    sizeRem: '1.47rem',\n    lineHeight: '148%',\n    role: '소제목, 그룹 제목',\n    pubSizeToken: 'pub.font-size.22',\n    semanticToken: 'pub.text.heading.small',\n  },\n  {\n    id: 'title-1',\n    category: 'Title',\n    name: 'Title 1',\n    weights: 'Medium, Bold',\n    sizePx: 20,\n    sizeRem: '1.33rem',\n    lineHeight: '148%',\n    role: '콘텐츠 타이틀',\n    pubSizeToken: 'pub.font-size.20',\n    semanticToken: 'pub.text.title.large',\n    pubHtmlExample: 'dashboard_map · 헤더 시계(#time)',\n  },\n  {\n    id: 'title-2',\n    category: 'Title',\n    name: 'Title 2',\n    weights: 'Medium, Semibold, Bold',\n    sizePx: 18,\n    sizeRem: '1.2rem',\n    lineHeight: '148%',\n    role: '서브 페이지 제목',\n    pubSizeToken: 'pub.font-size.18',\n    semanticToken: 'pub.text.title.medium',\n    pubHtmlExample: 'alert_center · 모달 타이틀「알림센터」',\n  },\n  {\n    id: 'title-3',\n    category: 'Title',\n    name: 'Title 3',\n    weights: 'Medium',\n    sizePx: 16,\n    sizeRem: '1.07rem',\n    lineHeight: '148%',\n    role: '서브 타이틀 · 헤더',\n    pubSizeToken: 'pub.font-size.16',\n    semanticToken: 'pub.text.title.small',\n    pubHtmlExample: 'stn-header · stn-widget 헤더',\n  },\n  {\n    id: 'body-1',\n    category: 'Body',\n    name: 'Body 1',\n    weights: 'Regular, Medium, Semibold, Bold',\n    sizePx: 16,\n    sizeRem: '1.07rem',\n    lineHeight: '148% / 170%',\n    role: '본문 텍스트 (PC 권장)',\n    pubSizeToken: 'pub.font-size.16',\n    semanticToken: 'pub.text.body.large',\n    pubHtmlExample: 'dashboard_map · fault_table 본문 셀',\n  },\n  {\n    id: 'body-2',\n    category: 'Body',\n    name: 'Body 2',\n    weights: 'Regular, Medium, Semibold, Bold',\n    sizePx: 15,\n    sizeRem: '1rem',\n    lineHeight: '148% / 158%',\n    role: '본문 텍스트',\n    pubSizeToken: 'pub.font-size.15',\n    pubHtmlExample: 'dashboard_map · GNB 1Depth · 테이블 헤더',\n  },\n  {\n    id: 'body-3',\n    category: 'Body',\n    name: 'Body 3',\n    weights: 'Regular, Medium, Semibold, Bold',\n    sizePx: 14,\n    sizeRem: '0.933rem',\n    lineHeight: '148% / 158%',\n    role: '본문 소형 텍스트',\n    pubSizeToken: 'pub.font-size.14',\n    semanticToken: 'pub.text.body.medium',\n    pubHtmlExample: 'Pub reset 기본 · 위젯 타이틀·GNB 하단·헤더 날짜',\n  },\n  {\n    id: 'body-small',\n    category: 'Body',\n    name: 'Body Small',\n    weights: 'Regular',\n    sizePx: 13,\n    sizeRem: '0.87rem',\n    lineHeight: '148%',\n    role: '본문 소형 · 입력·드롭다운·테이블',\n    pubSizeToken: 'pub.font-size.13',\n    semanticToken: 'pub.text.body.small',\n    pubHtmlExample: 'stn-table · stn-dropdown · stn-text-field · stn-btn(sm)',\n  },\n  {\n    id: 'label-1',\n    category: 'Label',\n    name: 'Label 1',\n    weights: 'Medium',\n    sizePx: 17,\n    sizeRem: '1.133rem',\n    lineHeight: '148%',\n    role: '버튼 라벨 (PC 권장)',\n    pubSizeToken: 'pub.font-size.17',\n    semanticToken: 'pub.text.label.large',\n  },\n  {\n    id: 'label-2',\n    category: 'Label',\n    name: 'Label 2',\n    weights: 'SemiBold',\n    sizePx: 15,\n    sizeRem: '1rem',\n    lineHeight: '148%',\n    role: '버튼, 입력 폼',\n    pubSizeToken: 'pub.font-size.15',\n    semanticToken: 'pub.text.label.medium',\n  },\n  {\n    id: 'label-3',\n    category: 'Label',\n    name: 'Label 3',\n    weights: 'Medium, Semibold',\n    sizePx: 13,\n    sizeRem: '0.87rem',\n    lineHeight: '148%',\n    role: '입력 레이블',\n    pubSizeToken: 'pub.font-size.13',\n    semanticToken: 'pub.text.label.small',\n    pubHtmlExample: 'dashboard_map · GNB 2Depth · 장애 요약',\n  },\n  {\n    id: 'label-4',\n    category: 'Label',\n    name: 'Label 4',\n    weights: 'Medium, Semibold, Bold',\n    sizePx: 10,\n    sizeRem: '0.625rem',\n    lineHeight: 'Auto',\n    role: '바텀 아이콘 레이블',\n    pubSizeToken: 'pub.font-size.10',\n    semanticToken: 'pub.text.label.xsmall',\n  },\n  {\n    id: 'caption-large',\n    category: 'Caption',\n    name: 'Caption Large',\n    weights: 'Regular',\n    sizePx: 14,\n    sizeRem: '0.933rem',\n    lineHeight: '130%',\n    role: '캡션 대형 · 로그인 카드 서브캡션',\n    pubSizeToken: 'pub.font-size.14',\n    semanticToken: 'pub.text.caption.large',\n    pubHtmlExample: 'stn-login-card 서브캡션',\n  },\n  {\n    id: 'caption',\n    category: 'Caption',\n    name: 'Caption',\n    weights: 'Medium, SemiBold',\n    sizePx: 12,\n    sizeRem: '0.8rem',\n    lineHeight: '148%',\n    role: '툴팁, 보조 설명',\n    pubSizeToken: 'pub.font-size.12',\n    semanticToken: 'pub.text.caption.medium',\n    pubHtmlExample: 'alert_center 목록 · dashboard_map 등급 라벨·위젯 소제목',\n  },\n  {\n    id: 'pub-11',\n    category: 'Pub extension',\n    name: '11px (Pub)',\n    weights: 'Bold',\n    sizePx: 11,\n    sizeRem: '0.73rem',\n    lineHeight: '148%',\n    role: '지도 노드·알림 등급 태그 등 Pub 전용',\n    pubSizeToken: 'pub.font-size.11',\n    pubHtmlExample: 'dashboard_map · node_icon 라벨 · gnb_alert 태그',\n  },\n]\n\nconst WEIGHT_LABEL: Record<number, string> = {\n  300: 'Regular',\n  500: 'Medium',\n  700: 'Bold',\n}\n\n/** px(+weight) → Type Scale 이름 (가장 가까운 스케일) */\nexport function resolveTypeScaleName(sizePx: number, weight = 400): {\n  scale: string\n  weightLabel: string\n  pill: string\n} {\n  const w = weight >= 600 ? 700 : weight >= 500 ? 500 : 300\n  const weightLabel = WEIGHT_LABEL[w] ?? `${weight}`\n  const row =\n    STN_TYPE_SCALE_ROWS.find((r) => r.sizePx === sizePx) ??\n    STN_TYPE_SCALE_ROWS.find((r) => Math.abs(r.sizePx - sizePx) <= 1)\n  const scale = row?.name ?? `${sizePx}px`\n  const pill = `${scale} (${sizePx}, ${w})`\n  return { scale, weightLabel, pill }\n}\n\n/** dashboard_map Use case — Type Scale 기준 라벨 */\nexport function typeScalePill(\n  scaleName: string,\n  sizePx: number,\n  weight: number,\n): string {\n  return `${scaleName} (${sizePx}, ${weight})`\n}\n"],"mappings":"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","names":[]}