@stn-uiux/pub-ui 0.1.57 → 0.1.59

package/dist/chunk-ZI6EF4XD.js

@@ -1,209 +0,0 @@
-// src/data/stnAlertCenter.ts
-var STN_ALERT_CENTER_INTRO = "GNB \uD558\uB2E8 \uC575\uCEE4\uC5D0\uC11C \uB808\uC774\uC5B4\uB85C \uD45C\uCD9C\uB418\uB294 \uC54C\uB9BC\uC13C\uD130 \uD328\uD134\uC785\uB2C8\uB2E4. \uC2E4\uC2DC\uAC04 \uC7A5\uC560 \uC54C\uB9BC, \uC791\uC5C5 \uD56D\uBAA9, \uBC30\uD3EC \uD604\uD669 \uD0ED \uBC0F \uAC1C\uBCC4 \uD56D\uBAA9 \uC0C1\uC138 \uB2E4\uC774\uC5BC\uB85C\uADF8 \uC5F0\uB3D9\uC744 \uC81C\uACF5\uD569\uB2C8\uB2E4.";
-var STN_ALERT_CENTER_TAB_IDS = {
-  error: "gnb-alert-tab-error",
-  work: "gnb-alert-tab-work",
-  deploy: "gnb-alert-tab-deploy"
-};
-var STN_ALERT_CENTER_TABS = [
-  { id: "error", label: "\uC7A5\uC560", listWrapClass: "alert_list_wrap" },
-  { id: "work", label: "\uC791\uC5C5", listWrapClass: "work_list_wrap" },
-  { id: "deploy", label: "\uACF5\uC0AC", listWrapClass: "deploy_list_wrap" }
-];
-var STN_ALERT_CENTER_DEMO_ALERTS = [
-  {
-    id: "alert-1",
-    grade: "critical",
-    title: "Ping \uC218\uC9D1 \uC7A5\uC560",
-    description: "101\uACBD\uBE44\uB2E8_UPS 10.15.71.161 / 101\uACBD\uBE44\uB2E8",
-    occurredAt: "2026-05-29 14:23",
-    time: "11\uBD84 \uC804",
-    icon: "line/alert-circle",
-    unread: true
-  },
-  {
-    id: "alert-2",
-    grade: "major",
-    title: "\uC778\uD130\uD398\uC774\uC2A4 OperStatus \uB2E4\uC6B4",
-    description: "\uC218\uC0AC\uC9C0\uC6D0\uCCAD\uC0AC_\uC5C5\uBB34\uB9DD L3(Stack)#2 50.52.41.2 / \uC548\uBCF4\uC218\uC0AC\uACFC / ...",
-    time: "3\uC77C \uC804",
-    icon: "line/arrow-narrow-down",
-    unread: true
-  },
-  {
-    id: "alert-3",
-    grade: "warning",
-    title: "NMS\uAC00 Ping \uC73C\uB85C \uC7A5\uBE44\uC758 \uB124\uD2B8\uC6CC\uD06C \uC0C1\uD0DC\uB97C ...",
-    description: "85\uAE30\uB3D9\uB300(\uC11C\uBD80)_L2#1 70.70.197.44 / 85\uAE30\uB3D9\uB300(\uB9C8\uD3EC) / ...",
-    time: "15\uBD84 \uC804",
-    icon: "line/wifi",
-    unread: true
-  },
-  {
-    id: "alert-4",
-    grade: "critical",
-    title: "BGP \uC138\uC158 \uB2E4\uC6B4 (Neighbor 10.20.1.1)",
-    description: "\uBCF8\uCCAD \uBC31\uBCF8 \uB77C\uC6B0\uD130 #1 / \uC815\uBCF4\uD1B5\uC2E0\uACFC / \uC8FC\uC694 \uB300\uC5ED \uD68C\uC120 \uC21C\uB2E8",
-    occurredAt: "2026-05-29 13:50",
-    time: "44\uBD84 \uC804",
-    icon: "line/alert-circle",
-    unread: true
-  },
-  {
-    id: "alert-5",
-    grade: "major",
-    title: "\uD3EC\uD2B8 \uB9C1\uD06C \uB2E4\uC6B4 (Te1/0/24)",
-    description: "\uB0A8\uB300\uBB38\uACBD\uCC30\uC11C_\uBCF4\uC548 L2 \uC2A4\uC704\uCE58 20.12.5.3 / \uC0DD\uD65C\uC548\uC804\uACFC",
-    time: "5\uC2DC\uAC04 \uC804",
-    icon: "line/arrow-narrow-down",
-    unread: false
-  },
-  {
-    id: "alert-6",
-    grade: "warning",
-    title: "\uBB34\uC120 AP \uD1B5\uC2E0 \uC9C0\uC5F0 (\uC751\uB2F5\uC2DC\uAC04 350ms \uCD08\uACFC)",
-    description: "\uC885\uB85C\uACBD\uCC30\uC11C \uBCF8\uAD00 3\uCE35 AP-04 / \uBB34\uC120 \uB124\uD2B8\uC6CC\uD06C \uBD80\uD558 \uBC1C\uC0DD",
-    time: "1\uC77C \uC804",
-    icon: "line/wifi",
-    unread: false
-  }
-];
-var STN_ALERT_CENTER_DEMO_WORK = [
-  {
-    typeLabel: "[ \uC791\uC5C5\uC608\uC57D ]",
-    text: "2026-03-05 16:01:00 \uC815\uAE30 \uC810\uAC80 \uC548\uB0B4 - \uC791\uC5C5\uC601\uC5ED / \uC601\uD5A5\uB3C4 : \uC11C\uBE44\uC2A4 \uC21C\uB2E8 \uBC1C\uC0DD \uAC00\uB2A5 / \uC791\uC5C5\uC790 : \uD64D\uAE38\uB3D9",
-    time: "11\uB2EC\uC804"
-  },
-  {
-    typeLabel: "[ \uAE34\uAE09\uC791\uC5C5 ]",
-    text: "\uC7A5\uBE44\uBA85 \uD328\uCE58 \uBC0F \uC7AC\uBD80\uD305 \uC608\uC815 \uC11C\uBE44\uC2A4 \uC601\uD5A5 \uBC94\uC704 \uD655\uC778 \uBC0F \uBCF5\uAD6C \uC791\uC5C5 \uC9C4\uD589 \uC608\uC815",
-    time: "3\uC77C\uC804"
-  },
-  {
-    typeLabel: "[ \uC791\uC5C5\uC9C4\uD589 ]",
-    text: "\uBCF8\uCCAD \uBC29\uD654\uBCBD \uC815\uCC45 \uC815\uAE30 \uB3D9\uAE30\uD654 \uC791\uC5C5 \u2014 \uC778\uAC00 \uB300\uC5ED \uC678 \uCC28\uB2E8 \uB8F0 \uAC31\uC2E0",
-    time: "2\uC2DC\uAC04\uC804"
-  },
-  {
-    typeLabel: "[ \uC791\uC5C5\uC644\uB8CC ]",
-    text: "\uB9DD\uBD84\uB9AC \uC5F0\uACC4 \uC2A4\uC704\uCE58 \uD38C\uC6E8\uC5B4 v4.12 \uD328\uCE58 \uC644\uB8CC \uBC0F \uBB34\uC911\uB2E8 \uC808\uCCB4 \uC2DC\uD5D8",
-    time: "\uC5B4\uC81C"
-  }
-];
-var STN_ALERT_CENTER_DEMO_DEPLOY = [
-  {
-    typeLabel: "[ \uACF5\uC0AC\uC608\uC57D ]",
-    text: "2026-03-05 16:01:00 \uC815\uAE30 \uC810\uAC80 \uC548\uB0B4 - \uACF5\uC0AC\uC601\uC5ED / \uC601\uD5A5\uB3C4 : \uC11C\uBE44\uC2A4 \uC21C\uB2E8 \uBC1C\uC0DD \uAC00\uB2A5",
-    time: "11\uB2EC\uC804"
-  },
-  {
-    typeLabel: "[ \uAE34\uAE09\uACF5\uC0AC ]",
-    text: "\uC7A5\uBE44\uBA85 \uD328\uCE58 \uBC0F \uC7AC\uBD80\uD305 \uC608\uC815 \u2014 \uC2DC\uC791 : 2026-03-05 16:01:00 / \uC608\uC0C1 \uC18C\uC694\uC2DC\uAC04 : 1\uC2DC\uAC04",
-    time: "3\uC77C\uC804"
-  },
-  {
-    typeLabel: "[ \uD1B5\uC2E0\uACF5\uC0AC ]",
-    text: "\uC81C2\uBCC4\uAD00 4\uCE35 \uAD11\uCF00\uC774\uBE14 \uD3EC\uC124 \uBC0F \uB178\uD6C4 \uD328\uCE58\uD328\uB110 \uC804\uBA74 \uAD50\uCCB4 \uACF5\uC0AC",
-    time: "1\uC8FC\uC77C\uC804"
-  },
-  {
-    typeLabel: "[ \uC804\uC6D0\uACF5\uC0AC ]",
-    text: "\uC804\uC0B0\uC2E4 \uC218\uBCC0\uC804\uC124\uBE44 \uC815\uAE30 \uC548\uC804 \uC810\uAC80 \uBC0F \uBE44\uC0C1 \uBC1C\uC804\uAE30 \uAC00\uB3D9 \uC2DC\uD5D8",
-    time: "2\uC8FC\uC77C\uC804"
-  }
-];
-var STN_ALERT_CENTER_INTEGRATION_USAGE = `import {
-  StnAlertCenterPanel,
-  StnSideNavigation,
-  StnLayerShell,
-} from '@stn-uiux/pub-ui-react'
-
-export function AppChrome() {
-  const [alertOpen, setAlertOpen] = useState(false)
-
-  return (
-    <StnLayerShell
-      gnb={
-        <StnSideNavigation>
-          <StnSideNavigation.Header>
-            <StnSideNavigation.Logo />
-            <StnSideNavigation.Toggle />
-          </StnSideNavigation.Header>
-          <StnSideNavigation.Menu>
-            <StnSideNavigation.Item label="\uB300\uC2DC\uBCF4\uB4DC" active />
-          </StnSideNavigation.Menu>
-          <StnSideNavigation.Spacer />
-          <StnSideNavigation.Footer curved>
-            <StnSideNavigation.Watermark />
-            <StnSideNavigation.Item
-              label="\uC54C\uB9BC"
-              badge={12}
-              onClick={() => setAlertOpen(!alertOpen)}
-            />
-          </StnSideNavigation.Footer>
-        </StnSideNavigation>
-      }
-    >
-      <main>\u2026\uBCF8\uBB38\u2026</main>
-      {alertOpen && (
-        <StnAlertCenterPanel
-          alerts={alerts}
-          workItems={workItems}
-          deployItems={deployItems}
-          onClose={() => setAlertOpen(false)}
-        />
-      )}
-    </StnLayerShell>
-  )
-}`;
-var STN_GNB_ALERT_INTEGRATION_USAGE = STN_ALERT_CENTER_INTEGRATION_USAGE;
-var STN_ALERT_CENTER_USAGE = `import { StnAlertCenterPanel } from '@stn-uiux/pub-ui-react'
-
-<StnAlertCenterPanel
-  alerts={alerts}
-  workItems={workItems}
-  deployItems={deployItems}
-  onClose={() => setOpen(false)}
-/>`;
-var STN_ALERT_CENTER_USAGE_HTML = `<!-- Pub stn-alert-center \u2014 GNB \uC606 float -->
-<div class="stn-alert-center gnb_alert_modal" id="gnb_alert_modal" style="display: block">
-  <div class="stn-alert-center__header alert_header">
-    <div class="stn-alert-center__header-left header_left">
-      <span class="stn-alert-center__title title">\uC54C\uB9BC\uC13C\uD130</span>
-      <div class="stn-alert-center__toggle alert_toggle">
-        <input type="radio" name="gnb-alert-tab" id="gnb-alert-tab-error" checked />
-        <label for="gnb-alert-tab-error">\uC7A5\uC560</label>
-        <input type="radio" name="gnb-alert-tab" id="gnb-alert-tab-work" />
-        <label for="gnb-alert-tab-work">\uC791\uC5C5</label>
-        <input type="radio" name="gnb-alert-tab" id="gnb-alert-tab-deploy" />
-        <label for="gnb-alert-tab-deploy">\uACF5\uC0AC</label>
-      </div>
-    </div>
-    <button type="button" class="stn-alert-center__close close_alert_modal" aria-label="\uB2EB\uAE30"></button>
-  </div>
-  <div class="stn-alert-center__list-wrap alert_list_wrap">
-    <ul class="stn-alert-center__list alert_list">
-      <li class="stn-alert-center__item alert_item">
-        <span class="stn-alert-center__dot dot" aria-hidden="true"></span>
-        <span class="stn-badge stn-badge--filled stn-badge--critical">CR</span>
-        <span class="stn-alert-center__title-cell title_cell">Ping \uC218\uC9D1 \uC7A5\uC560</span>
-        <span class="stn-alert-center__desc-cell desc_cell">\uC7A5\uBE44 \uC751\uB2F5 \uC5C6\uC74C</span>
-        <span class="stn-alert-center__time-cell time_cell">11\uB2EC\uC804</span>
-      </li>
-    </ul>
-  </div>
-</div>`;
-
-export {
-  STN_ALERT_CENTER_INTRO,
-  STN_ALERT_CENTER_TAB_IDS,
-  STN_ALERT_CENTER_TABS,
-  STN_ALERT_CENTER_DEMO_ALERTS,
-  STN_ALERT_CENTER_DEMO_WORK,
-  STN_ALERT_CENTER_DEMO_DEPLOY,
-  STN_ALERT_CENTER_INTEGRATION_USAGE,
-  STN_GNB_ALERT_INTEGRATION_USAGE,
-  STN_ALERT_CENTER_USAGE,
-  STN_ALERT_CENTER_USAGE_HTML
-};
-//# sourceMappingURL=chunk-ZI6EF4XD.js.map

package/dist/chunk-ZI6EF4XD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/data/stnAlertCenter.ts"],"sourcesContent":["import type { StnChipGrade } from './stnChip'\n\nexport const STN_ALERT_CENTER_INTRO =\n  'GNB 하단 앵커에서 레이어로 표출되는 알림센터 패턴입니다. 실시간 장애 알림, 작업 항목, 배포 현황 탭 및 개별 항목 상세 다이얼로그 연동을 제공합니다.'\n\nexport type StnAlertCenterTab = 'error' | 'work' | 'deploy'\nexport type StnAlertCenterSize = 'sm' | 'md' | 'lg'\n\n/** Pub CSS `:has(#gnb-alert-tab-*)` 와 호환 — 페이지당 1패널이면 기본값 사용 */\nexport const STN_ALERT_CENTER_TAB_IDS: Record<StnAlertCenterTab, string> = {\n  error: 'gnb-alert-tab-error',\n  work: 'gnb-alert-tab-work',\n  deploy: 'gnb-alert-tab-deploy',\n}\n\nexport const STN_ALERT_CENTER_TABS: readonly {\n  id: StnAlertCenterTab\n  label: string\n  listWrapClass: string\n}[] = [\n  { id: 'error', label: '장애', listWrapClass: 'alert_list_wrap' },\n  { id: 'work', label: '작업', listWrapClass: 'work_list_wrap' },\n  { id: 'deploy', label: '공사', listWrapClass: 'deploy_list_wrap' },\n]\n\nexport type StnAlertCenterAlertItem = {\n  id?: string\n  grade: StnChipGrade\n  title: string\n  description: string\n  time: string\n  icon?: string\n  occurredAt?: string\n  unread?: boolean\n}\n\nexport type StnAlertCenterWorkItem = {\n  id?: string\n  typeLabel: string\n  text: string\n  time: string\n}\n\nexport const STN_ALERT_CENTER_DEMO_ALERTS: StnAlertCenterAlertItem[] = [\n  {\n    id: 'alert-1',\n    grade: 'critical',\n    title: 'Ping 수집 장애',\n    description: '101경비단_UPS 10.15.71.161 / 101경비단',\n    occurredAt: '2026-05-29 14:23',\n    time: '11분 전',\n    icon: 'line/alert-circle',\n    unread: true,\n  },\n  {\n    id: 'alert-2',\n    grade: 'major',\n    title: '인터페이스 OperStatus 다운',\n    description: '수사지원청사_업무망 L3(Stack)#2 50.52.41.2 / 안보수사과 / ...',\n    time: '3일 전',\n    icon: 'line/arrow-narrow-down',\n    unread: true,\n  },\n  {\n    id: 'alert-3',\n    grade: 'warning',\n    title: 'NMS가 Ping 으로 장비의 네트워크 상태를 ...',\n    description: '85기동대(서부)_L2#1 70.70.197.44 / 85기동대(마포) / ...',\n    time: '15분 전',\n    icon: 'line/wifi',\n    unread: true,\n  },\n  {\n    id: 'alert-4',\n    grade: 'critical',\n    title: 'BGP 세션 다운 (Neighbor 10.20.1.1)',\n    description: '본청 백본 라우터 #1 / 정보통신과 / 주요 대역 회선 순단',\n    occurredAt: '2026-05-29 13:50',\n    time: '44분 전',\n    icon: 'line/alert-circle',\n    unread: true,\n  },\n  {\n    id: 'alert-5',\n    grade: 'major',\n    title: '포트 링크 다운 (Te1/0/24)',\n    description: '남대문경찰서_보안 L2 스위치 20.12.5.3 / 생활안전과',\n    time: '5시간 전',\n    icon: 'line/arrow-narrow-down',\n    unread: false,\n  },\n  {\n    id: 'alert-6',\n    grade: 'warning',\n    title: '무선 AP 통신 지연 (응답시간 350ms 초과)',\n    description: '종로경찰서 본관 3층 AP-04 / 무선 네트워크 부하 발생',\n    time: '1일 전',\n    icon: 'line/wifi',\n    unread: false,\n  },\n]\n\nexport const STN_ALERT_CENTER_DEMO_WORK: StnAlertCenterWorkItem[] = [\n  {\n    typeLabel: '[ 작업예약 ]',\n    text: '2026-03-05 16:01:00 정기 점검 안내 - 작업영역 / 영향도 : 서비스 순단 발생 가능 / 작업자 : 홍길동',\n    time: '11달전',\n  },\n  {\n    typeLabel: '[ 긴급작업 ]',\n    text: '장비명 패치 및 재부팅 예정 서비스 영향 범위 확인 및 복구 작업 진행 예정',\n    time: '3일전',\n  },\n  {\n    typeLabel: '[ 작업진행 ]',\n    text: '본청 방화벽 정책 정기 동기화 작업 — 인가 대역 외 차단 룰 갱신',\n    time: '2시간전',\n  },\n  {\n    typeLabel: '[ 작업완료 ]',\n    text: '망분리 연계 스위치 펌웨어 v4.12 패치 완료 및 무중단 절체 시험',\n    time: '어제',\n  },\n]\n\nexport const STN_ALERT_CENTER_DEMO_DEPLOY: StnAlertCenterWorkItem[] = [\n  {\n    typeLabel: '[ 공사예약 ]',\n    text: '2026-03-05 16:01:00 정기 점검 안내 - 공사영역 / 영향도 : 서비스 순단 발생 가능',\n    time: '11달전',\n  },\n  {\n    typeLabel: '[ 긴급공사 ]',\n    text: '장비명 패치 및 재부팅 예정 — 시작 : 2026-03-05 16:01:00 / 예상 소요시간 : 1시간',\n    time: '3일전',\n  },\n  {\n    typeLabel: '[ 통신공사 ]',\n    text: '제2별관 4층 광케이블 포설 및 노후 패치패널 전면 교체 공사',\n    time: '1주일전',\n  },\n  {\n    typeLabel: '[ 전원공사 ]',\n    text: '전산실 수변전설비 정기 안전 점검 및 비상 발전기 가동 시험',\n    time: '2주일전',\n  },\n]\n\nexport const STN_ALERT_CENTER_INTEGRATION_USAGE = `import {\n  StnAlertCenterPanel,\n  StnSideNavigation,\n  StnLayerShell,\n} from '@stn-uiux/pub-ui-react'\n\nexport function AppChrome() {\n  const [alertOpen, setAlertOpen] = useState(false)\n\n  return (\n    <StnLayerShell\n      gnb={\n        <StnSideNavigation>\n          <StnSideNavigation.Header>\n            <StnSideNavigation.Logo />\n            <StnSideNavigation.Toggle />\n          </StnSideNavigation.Header>\n          <StnSideNavigation.Menu>\n            <StnSideNavigation.Item label=\"대시보드\" active />\n          </StnSideNavigation.Menu>\n          <StnSideNavigation.Spacer />\n          <StnSideNavigation.Footer curved>\n            <StnSideNavigation.Watermark />\n            <StnSideNavigation.Item\n              label=\"알림\"\n              badge={12}\n              onClick={() => setAlertOpen(!alertOpen)}\n            />\n          </StnSideNavigation.Footer>\n        </StnSideNavigation>\n      }\n    >\n      <main>…본문…</main>\n      {alertOpen && (\n        <StnAlertCenterPanel\n          alerts={alerts}\n          workItems={workItems}\n          deployItems={deployItems}\n          onClose={() => setAlertOpen(false)}\n        />\n      )}\n    </StnLayerShell>\n  )\n}`\n\nexport const STN_GNB_ALERT_INTEGRATION_USAGE = STN_ALERT_CENTER_INTEGRATION_USAGE\n\nexport const STN_ALERT_CENTER_USAGE = `import { StnAlertCenterPanel } from '@stn-uiux/pub-ui-react'\n\n<StnAlertCenterPanel\n  alerts={alerts}\n  workItems={workItems}\n  deployItems={deployItems}\n  onClose={() => setOpen(false)}\n/>`\n\nexport const STN_ALERT_CENTER_USAGE_HTML = `<!-- Pub stn-alert-center — GNB 옆 float -->\n<div class=\"stn-alert-center gnb_alert_modal\" id=\"gnb_alert_modal\" style=\"display: block\">\n  <div class=\"stn-alert-center__header alert_header\">\n    <div class=\"stn-alert-center__header-left header_left\">\n      <span class=\"stn-alert-center__title title\">알림센터</span>\n      <div class=\"stn-alert-center__toggle alert_toggle\">\n        <input type=\"radio\" name=\"gnb-alert-tab\" id=\"gnb-alert-tab-error\" checked />\n        <label for=\"gnb-alert-tab-error\">장애</label>\n        <input type=\"radio\" name=\"gnb-alert-tab\" id=\"gnb-alert-tab-work\" />\n        <label for=\"gnb-alert-tab-work\">작업</label>\n        <input type=\"radio\" name=\"gnb-alert-tab\" id=\"gnb-alert-tab-deploy\" />\n        <label for=\"gnb-alert-tab-deploy\">공사</label>\n      </div>\n    </div>\n    <button type=\"button\" class=\"stn-alert-center__close close_alert_modal\" aria-label=\"닫기\"></button>\n  </div>\n  <div class=\"stn-alert-center__list-wrap alert_list_wrap\">\n    <ul class=\"stn-alert-center__list alert_list\">\n      <li class=\"stn-alert-center__item alert_item\">\n        <span class=\"stn-alert-center__dot dot\" aria-hidden=\"true\"></span>\n        <span class=\"stn-badge stn-badge--filled stn-badge--critical\">CR</span>\n        <span class=\"stn-alert-center__title-cell title_cell\">Ping 수집 장애</span>\n        <span class=\"stn-alert-center__desc-cell desc_cell\">장비 응답 없음</span>\n        <span class=\"stn-alert-center__time-cell time_cell\">11달전</span>\n      </li>\n    </ul>\n  </div>\n</div>`\n"],"mappings":"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","names":[]}

package/styles/@assets/svg/system/line/input.svg

@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <rect x="0.75" y="0.75" width="16.5" height="16.5" rx="2.25" stroke="#C8D0D9" stroke-width="1.5" stroke-linejoin="round"/>
-</svg>

package/styles/@assets/svg/system/line/radio.svg

@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <circle cx="9" cy="9" r="7.5" stroke="#C8D0D9" stroke-width="3"/>
-</svg>

package/styles/components/stn-severity-badge.css

@@ -1,227 +0,0 @@
-@charset "utf-8";
-/**
- * StnSeverityBadge — 관제 알람 심각도 뱃지 및 필터
- *
- * 위험도 클래스: critical · major · minor · warning
- * 크기 클래스: sm · md · lg
- *
- * Modes:
- *   - `badge`: 상태 표시용 뱃지 (height: var(--stn-severity-badge-height), font: 11px)
- *   - `filter`: 대시보드 다중 필터 토글용 (width: var(--stn-severity-filter-width), height: var(--stn-severity-filter-height), font: 14px)
- *
- * 100% 시맨틱 토큰 SSOT 기반 구축
- */
-
-.stn-severity-filter-group {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--stn-space-8, 8px);
-  flex-wrap: wrap;
-}
-
-.stn-severity-badge {
-  box-sizing: border-box;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--stn-space-2, 2px);
-  border-radius: var(--stn-radius-4, 4px);
-  font-family: var(--stn-font-body, Pretendard, sans-serif);
-  line-height: 1.2;
-  user-select: none;
-  vertical-align: middle;
-  white-space: nowrap;
-  transition: opacity 0.15s ease, filter 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
-}
-
-/* Shape (기본 4px rounded vs 9999px round 알약형) */
-.stn-severity-badge.round,
-.stn-severity-badge.rounded-full {
-  border-radius: var(--stn-radius-circle, 9999px);
-}
-
-/* 1. 기본 뱃지 모드 (Badge - Display: sm / md / lg) */
-.stn-severity-badge.badge,
-.stn-severity-badge:not(.filter) {
-  height: var(--stn-severity-badge-height-md, var(--stn-severity-badge-height, var(--stn-size-20, 20px)));
-  padding: var(--stn-severity-badge-padding-md, var(--stn-severity-badge-padding, var(--stn-space-2, 2px) var(--stn-space-8, 8px)));
-  font-size: var(--stn-font-size-11, 11px);
-  font-weight: var(--stn-font-weight-bold, 700);
-  letter-spacing: -0.1px;
-}
-
-.stn-severity-badge.badge .stn-severity-badge__icon,
-.stn-severity-badge:not(.filter) .stn-severity-badge__icon {
-  width: var(--stn-severity-badge-icon-size-md, var(--stn-severity-badge-icon-size, var(--stn-size-14, 14px)));
-  height: var(--stn-severity-badge-icon-size-md, var(--stn-severity-badge-icon-size, var(--stn-size-14, 14px)));
-}
-
-/* Sizes: sm (18px) */
-.stn-severity-badge.sm {
-  height: var(--stn-severity-badge-height-sm, var(--stn-size-18, 18px));
-  padding: var(--stn-severity-badge-padding-sm, var(--stn-space-2, 2px) var(--stn-space-6, 6px));
-  font-size: var(--stn-font-size-10, 10px);
-  gap: var(--stn-space-2, 2px);
-}
-
-.stn-severity-badge.sm .stn-severity-badge__icon {
-  width: var(--stn-severity-badge-icon-size-sm, var(--stn-size-12, 12px));
-  height: var(--stn-severity-badge-icon-size-sm, var(--stn-size-12, 12px));
-}
-
-/* Sizes: md (20px - 기본) */
-.stn-severity-badge.md {
-  height: var(--stn-severity-badge-height-md, var(--stn-size-20, 20px));
-  padding: var(--stn-severity-badge-padding-md, var(--stn-space-2, 2px) var(--stn-space-8, 8px));
-  font-size: var(--stn-font-size-11, 11px);
-  gap: var(--stn-space-2, 2px);
-}
-
-.stn-severity-badge.md .stn-severity-badge__icon {
-  width: var(--stn-severity-badge-icon-size-md, var(--stn-size-14, 14px));
-  height: var(--stn-severity-badge-icon-size-md, var(--stn-size-14, 14px));
-}
-
-/* Sizes: lg (24px) */
-.stn-severity-badge.lg {
-  height: var(--stn-severity-badge-height-lg, var(--stn-size-24, 24px));
-  padding: var(--stn-severity-badge-padding-lg, var(--stn-space-4, 4px) var(--stn-space-10, 10px));
-  font-size: var(--stn-font-size-12, 12px);
-  gap: var(--stn-space-4, 4px);
-}
-
-.stn-severity-badge.lg .stn-severity-badge__icon {
-  width: var(--stn-severity-badge-icon-size-lg, var(--stn-size-16, 16px));
-  height: var(--stn-severity-badge-icon-size-lg, var(--stn-size-16, 16px));
-}
-
-/* 2. 아이콘 전용 모드 (Icon-Only - 정사각 4px / 원형 9999px) */
-.stn-severity-badge.icon-only {
-  width: var(--stn-severity-badge-height-md, var(--stn-size-20, 20px));
-  height: var(--stn-severity-badge-height-md, var(--stn-size-20, 20px));
-  padding: 0;
-  gap: 0;
-  flex-shrink: 0;
-}
-
-.stn-severity-badge.icon-only.sm {
-  width: var(--stn-severity-badge-height-sm, var(--stn-size-18, 18px));
-  height: var(--stn-severity-badge-height-sm, var(--stn-size-18, 18px));
-  padding: 0;
-}
-
-.stn-severity-badge.icon-only.md {
-  width: var(--stn-severity-badge-height-md, var(--stn-size-20, 20px));
-  height: var(--stn-severity-badge-height-md, var(--stn-size-20, 20px));
-  padding: 0;
-}
-
-.stn-severity-badge.icon-only.lg {
-  width: var(--stn-severity-badge-height-lg, var(--stn-size-24, 24px));
-  height: var(--stn-severity-badge-height-lg, var(--stn-size-24, 24px));
-  padding: 0;
-}
-
-.stn-severity-badge.icon-only .stn-severity-badge__label {
-  display: none;
-}
-
-/* 3. 필터 모드 (Filter Toggle - 52px x 26px) */
-.stn-severity-badge.filter {
-  width: var(--stn-severity-filter-width, var(--stn-size-52, 52px));
-  height: var(--stn-severity-filter-height, var(--stn-size-26, 26px));
-  padding: var(--stn-space-4, 4px);
-  font-size: var(--stn-font-size-14, 14px);
-  font-weight: var(--stn-font-weight-bold, 700);
-  cursor: pointer;
-  background: transparent;
-}
-
-.stn-severity-badge.filter .stn-severity-badge__icon {
-  width: var(--stn-severity-icon-size, var(--stn-size-16, 16px));
-  height: var(--stn-severity-icon-size, var(--stn-size-16, 16px));
-}
-
-.stn-severity-badge.filter:hover {
-  filter: brightness(1.15);
-}
-
-.stn-severity-badge.filter:active {
-  filter: brightness(0.92);
-}
-
-/* 필터 비활성 상태 */
-.stn-severity-badge.filter.is-inactive,
-.stn-severity-badge.filter:not(.is-active) {
-  opacity: 0.35;
-  filter: grayscale(0.5);
-  box-shadow: none !important;
-}
-
-.stn-severity-badge.filter.is-inactive:hover,
-.stn-severity-badge.filter:not(.is-active):hover {
-  opacity: 0.65;
-  filter: grayscale(0.2);
-}
-
-/* 아이콘 래퍼 */
-.stn-severity-badge__icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-
-.stn-severity-badge__icon img,
-.stn-severity-badge__icon svg {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-
-.stn-severity-badge__label {
-  display: inline-block;
-  line-height: 1;
-}
-
-/* ==========================================================================
-   3. 심각도 등급별 색상 (시맨틱 토큰 연동)
-   ========================================================================== */
-
-.stn-severity-badge.critical {
-  --stn-badge-glow-color: var(--stn-severity-glow);
-  background: var(--stn-severity-critical-bg);
-  border: 1px solid var(--stn-severity-critical-border);
-  color: var(--stn-severity-fg);
-}
-
-.stn-severity-badge.major {
-  --stn-badge-glow-color: var(--stn-severity-glow-major);
-  background: var(--stn-severity-major-bg);
-  border: 1px solid var(--stn-severity-major-border);
-  color: var(--stn-severity-fg);
-}
-
-.stn-severity-badge.minor {
-  --stn-badge-glow-color: var(--stn-severity-glow-minor);
-  background: var(--stn-severity-minor-bg);
-  border: 1px solid var(--stn-severity-minor-border);
-  color: var(--stn-severity-fg);
-}
-
-.stn-severity-badge.warning {
-  --stn-badge-glow-color: var(--stn-severity-glow-warning);
-  background: var(--stn-severity-warning-bg);
-  border: 1px solid var(--stn-severity-warning-border);
-  color: var(--stn-severity-fg);
-}
-
-/* ==========================================================================
-   4. Glow 발광 변형 (.glow)
-   ========================================================================== */
-
-.stn-severity-badge.glow {
-  box-shadow: 0 0 var(--stn-space-8, 8px) var(--stn-badge-glow-color);
-}
-
-