@ncds/ui-admin 1.8.26-alpha.6 → 1.8.26-alpha.8

package/dist/esm/src/utils/url/isSafeUrl.js

@@ -13,7 +13,7 @@ function resolveBaseOrigin() {
  * javascript:, data:, file: 등 위험 프로토콜로 인한 XSS / 외부 페이로드 로딩을 차단.
  *
  * URL 파서가 앞뒤 공백·탭·개행 제거와 scheme 소문자화를 하므로 ` JavaScript:` 같은 우회도 막힌다.
- * React(`MessageNotificationParts`·`FullWidthNotification`)와 Vanilla(`renderSupportingText`)가 공유한다.
+ * React(`FullWidthNotification`)와 Vanilla(`renderSupportingText`)가 공유한다.
  */
 export function isSafeUrl(url) {
   if (!url.trim()) return false;

package/dist/esm/vitest.config.js

@@ -22,7 +22,18 @@ export default defineConfig({
       // 'lcov' 대신 'lcovonly' — 'lcov' 는 HTML 리포트까지 생성한다.
       reporter: ['text-summary', ['lcovonly', {
         projectRoot: REPO_ROOT
-      }]]
+      }]],
+      // 회귀 방지 하한선 — 실측에서 약 2%p 낮춘 값 (ui-admin-mcp 와 같은 여유폭).
+      // 실측 기준: 2026-10-12, 25cb4d96 — stmts 54.91 / branch 44.63 / funcs 55.20 / lines 55.80
+      // 최종 목표: 93 / 88 (lines 95 · branches 90). 테스트 보강 단계마다 실측 −2 로 인상한다.
+      // autoUpdate: false — 값은 실측을 확인하고 사람이 직접 올린다.
+      thresholds: {
+        autoUpdate: false,
+        statements: 53,
+        branches: 43,
+        functions: 53,
+        lines: 54
+      }
     }
   }
 });

package/dist/temp/assets/scripts/notification/FloatingNotification.js

@@ -71,7 +71,7 @@ export class FloatingNotification {
             <div class="${CLASS_NAMES.FLOATING.TITLE_WRAPPER}">
               <span class="${CLASS_NAMES.FLOATING.TITLE}">${title}</span>
             </div>
-            ${renderSupportingText(supportingText, CLASS_NAMES.FLOATING.SUPPORTING_TEXT)}
+            ${renderSupportingText({ supportingText, className: CLASS_NAMES.FLOATING.SUPPORTING_TEXT })}
             ${actions && actions.length > 0 ? renderActions(actions, CLASS_NAMES.FLOATING.ACTIONS) : ''}
           </div>
         </div>

package/dist/temp/assets/scripts/notification/FullWidthNotification.js

@@ -44,7 +44,7 @@ export class FullWidthNotification {
             <div class="${CLASS_NAMES.FULL_WIDTH.ICON}">${iconHtml}</div>
             <div class="${CLASS_NAMES.FULL_WIDTH.TEXT_CONTAINER}">
               <span class="${CLASS_NAMES.FULL_WIDTH.TITLE}">${title}</span>
-              ${renderSupportingText(supportingText, CLASS_NAMES.FULL_WIDTH.SUPPORTING_TEXT, supportTextLink)}
+              ${renderSupportingText({ supportingText, className: CLASS_NAMES.FULL_WIDTH.SUPPORTING_TEXT, supportTextLink })}
             </div>
           </div>
           <div class="${CLASS_NAMES.FULL_WIDTH.ACTIONS_CONTAINER}">

package/dist/temp/assets/scripts/notification/MessageNotification.d.ts

@@ -9,7 +9,7 @@ export declare class MessageNotification {
     private featuredIcon?;
     constructor(options: MessageNotificationOptions);
     private createElement;
-    /** 색상별 FeaturedIcon. default 는 md(40/20), block 은 sm(32/16). info 아이콘만 variant 별로 다르다. */
+    /** 색상별 FeaturedIcon. md(40px 원 / 20px 아이콘) 고정. */
     private createFeaturedIcon;
     private bindEvents;
     private setupAutoClose;

package/dist/temp/assets/scripts/notification/MessageNotification.js

@@ -1,8 +1,8 @@
 import { FeaturedIcon } from '../featuredIcon';
 import { sanitizeHtml } from '../utils/sanitize';
-import { CLASS_NAMES, MESSAGE_BLOCK_ICON_MAP, MESSAGE_BLOCK_SIZES, MESSAGE_ICON_MAP, MESSAGE_SIZES } from './const';
+import { CLASS_NAMES, MESSAGE_ICON_MAP, MESSAGE_SIZES } from './const';
 import { buildMessageTemplate } from './messageTemplate';
-import { applySupportTextLinkTarget, bindNotificationEvents, createWrapperElement, setupAutoClose } from './utils';
+import { bindNotificationEvents, createWrapperElement, setupAutoClose } from './utils';
 export class MessageNotification {
     constructor(options) {
         this.options = {
@@ -19,15 +19,12 @@ export class MessageNotification {
         this.setupAutoClose();
     }
     createElement() {
-        const { title, supportingText, color, className, actions, onClose, hideCloseButton, onHidePermanently, hidePermanentlyLabel, variant, supportTextLink, supportTextLinkTarget, } = this.options;
-        const isBlock = variant === 'block';
-        const wrapperClassName = [isBlock ? CLASS_NAMES.MESSAGE.BLOCK : '', className].filter(Boolean).join(' ');
-        const wrapper = createWrapperElement(CLASS_NAMES.MESSAGE.BASE, color, wrapperClassName);
-        const featuredIconElement = this.createFeaturedIcon(color, isBlock);
+        const { title, supportingText, color, className, actions, onClose, hideCloseButton, onHidePermanently, hidePermanentlyLabel, } = this.options;
+        const wrapper = createWrapperElement(CLASS_NAMES.MESSAGE.BASE, color, className);
+        const featuredIconElement = this.createFeaturedIcon(color);
         wrapper.innerHTML = sanitizeHtml(buildMessageTemplate({
             title,
             supportingText,
-            supportTextLink: isBlock ? supportTextLink : undefined,
             color,
             actions,
             onClose,
@@ -35,7 +32,6 @@ export class MessageNotification {
             onHidePermanently,
             hidePermanentlyLabel,
         }));
-        applySupportTextLinkTarget(wrapper, CLASS_NAMES.MESSAGE.TEXT_CONTAINER, CLASS_NAMES.MESSAGE.LINK, supportTextLinkTarget);
         // FeaturedIcon을 content-wrapper에 추가
         if (featuredIconElement) {
             const contentWrapper = wrapper.querySelector(`.${CLASS_NAMES.MESSAGE.CONTENT_WRAPPER}`);
@@ -45,16 +41,14 @@ export class MessageNotification {
         }
         return wrapper;
     }
-    /** 색상별 FeaturedIcon. default 는 md(40/20), block 은 sm(32/16). info 아이콘만 variant 별로 다르다. */
-    createFeaturedIcon(color, isBlock) {
-        const iconFunction = (isBlock ? MESSAGE_BLOCK_ICON_MAP : MESSAGE_ICON_MAP)[color];
-        const sizes = isBlock ? MESSAGE_BLOCK_SIZES : MESSAGE_SIZES;
+    /** 색상별 FeaturedIcon. md(40px 원 / 20px 아이콘) 고정. */
+    createFeaturedIcon(color) {
         this.featuredIcon = FeaturedIcon.create({
-            svgString: iconFunction(sizes.ICON_PIXEL),
+            svgString: MESSAGE_ICON_MAP[color](MESSAGE_SIZES.ICON_PIXEL),
             theme: 'light-circle',
             // FeaturedIcon 에는 info 색이 없다. info 의 violet 톤은 message SCSS 가 덮어쓴다.
             color: (color === 'info' ? 'neutral' : color),
-            size: sizes.FEATURED_ICON,
+            size: MESSAGE_SIZES.FEATURED_ICON,
             // React 구현과 동일하게 `__icon`(flex-shrink: 0)을 부여한다.
             // 누락 시 긴 타이틀에서 아이콘이 찌그러진다.
             className: CLASS_NAMES.MESSAGE.ICON,

package/dist/temp/assets/scripts/notification/const/classNames.d.ts

@@ -26,7 +26,6 @@ export declare const CLASS_NAMES: {
     };
     readonly MESSAGE: {
         readonly BASE: "ncua-message-notification";
-        readonly BLOCK: "ncua-message-notification--block";
         readonly CONTAINER: "ncua-message-notification__container";
         readonly CONTENT: "ncua-message-notification__content";
         readonly CONTENT_WRAPPER: "ncua-message-notification__content-wrapper";
@@ -34,7 +33,6 @@ export declare const CLASS_NAMES: {
         readonly TEXT_CONTAINER: "ncua-message-notification__text-container";
         readonly TITLE: "ncua-message-notification__title";
         readonly SUPPORTING_TEXT: "ncua-message-notification__supporting-text";
-        readonly LINK: "ncua-message-notification__link";
         readonly ACTIONS_CONTAINER: "ncua-message-notification__actions-container";
         readonly ACTIONS: "ncua-message-notification__actions";
         readonly FOOTER_CONTAINER: "ncua-message-notification__footer-container";

package/dist/temp/assets/scripts/notification/const/classNames.js

@@ -27,7 +27,6 @@ export const CLASS_NAMES = {
     },
     MESSAGE: {
         BASE: 'ncua-message-notification',
-        BLOCK: 'ncua-message-notification--block',
         CONTAINER: 'ncua-message-notification__container',
         CONTENT: 'ncua-message-notification__content',
         CONTENT_WRAPPER: 'ncua-message-notification__content-wrapper',
@@ -35,7 +34,6 @@ export const CLASS_NAMES = {
         TEXT_CONTAINER: 'ncua-message-notification__text-container',
         TITLE: 'ncua-message-notification__title',
         SUPPORTING_TEXT: 'ncua-message-notification__supporting-text',
-        LINK: 'ncua-message-notification__link',
         ACTIONS_CONTAINER: 'ncua-message-notification__actions-container',
         ACTIONS: 'ncua-message-notification__actions',
         // 다시 보지 않기 + 닫기 그룹 전용 래퍼. ACTIONS_CONTAINER를 재사용하면

package/dist/temp/assets/scripts/notification/const/icons.d.ts

@@ -26,6 +26,4 @@ export declare const ICON_MAP: {
 };
 /** message 기본 타입 아이콘. floating 과 같은 4색에 info(neutral 과 같은 핀)를 더한다. */
 export declare const MESSAGE_ICON_MAP: Record<NotificationColor, IconFunction>;
-/** block 변형 아이콘. info 만 InfoCircle 로 다르다 (#536 유지). */
-export declare const MESSAGE_BLOCK_ICON_MAP: Record<NotificationColor, IconFunction>;
 export {};

package/dist/temp/assets/scripts/notification/const/icons.js

@@ -1,8 +1,3 @@
-/**
- * message block 변형의 InfoCircle. `SVG_ICONS['info-circle']`은 full-width 전용 class·color 가 박혀 있어
- * 쓰지 않는다 (`.ncua-full-width-notification__icon`은 모바일에서 숨겨진다).
- */
-const INFO_CIRCLE_ICON = (size) => `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" fill="none" viewBox="0 0 24 24" stroke="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 16v-4m0-4h.01M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10"></path></svg>`;
 // SVG 아이콘들 (크기는 동적으로 설정)
 export const SVG_ICONS = {
     'pin-02': (size) => `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" fill="none" viewBox="0 0 24 24" stroke="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.377 15.616 2.72 21.273m8.974-14.631-1.56 1.56a2 2 0 0 1-.264.242 1 1 0 0 1-.207.111c-.082.032-.17.05-.347.085l-3.665.733c-.952.19-1.428.286-1.65.537a1 1 0 0 0-.243.8c.046.333.39.677 1.076 1.363l7.086 7.086c.686.687 1.03 1.03 1.362 1.076a1 1 0 0 0 .801-.242c.251-.223.346-.7.537-1.651l.733-3.665c.035-.176.053-.265.085-.347a1 1 0 0 1 .11-.207c.051-.072.115-.136.242-.263l1.561-1.561c.082-.082.122-.122.167-.158q.06-.047.126-.085c.05-.029.103-.051.208-.097l2.495-1.069c.727-.312 1.091-.467 1.256-.72a1 1 0 0 0 .144-.747c-.06-.295-.34-.575-.9-1.135l-5.142-5.143c-.56-.56-.84-.84-1.135-.9a1 1 0 0 0-.748.145c-.252.165-.407.529-.72 1.256l-1.068 2.495a2 2 0 0 1-.097.208 1 1 0 0 1-.085.126 2 2 0 0 1-.158.167"></path></svg>`,
@@ -36,8 +31,3 @@ export const MESSAGE_ICON_MAP = {
     success: SVG_ICONS['check-circle'],
     info: SVG_ICONS['pin-02'],
 };
-/** block 변형 아이콘. info 만 InfoCircle 로 다르다 (#536 유지). */
-export const MESSAGE_BLOCK_ICON_MAP = {
-    ...MESSAGE_ICON_MAP,
-    info: INFO_CIRCLE_ICON,
-};

package/dist/temp/assets/scripts/notification/const/index.d.ts

@@ -1,4 +1,4 @@
 export { CLASS_NAMES } from './classNames';
-export { FLOATING_ICON_MAP, FULL_WIDTH_ICON_MAP, ICON_MAP, MESSAGE_BLOCK_ICON_MAP, MESSAGE_ICON_MAP, SVG_ICONS, } from './icons';
-export { CLOSE_BUTTON_SIZES, CLOSE_BUTTON_SVG_SIZES, FEATURED_ICON_SIZES, FULL_WIDTH_SIZES, getSizes, ICON_PIXEL_SIZES, MESSAGE_BLOCK_SIZES, MESSAGE_SIZES, } from './sizes';
-export type { BaseNotificationOptions, LegacyNotificationHierarchy, NotificationAction, NotificationActionButtonSize, NotificationColor, NotificationHierarchy, NotificationLinkTarget, NotificationVariant, } from './types';
+export { FLOATING_ICON_MAP, FULL_WIDTH_ICON_MAP, ICON_MAP, MESSAGE_ICON_MAP, SVG_ICONS, } from './icons';
+export { CLOSE_BUTTON_SIZES, CLOSE_BUTTON_SVG_SIZES, FEATURED_ICON_SIZES, FULL_WIDTH_SIZES, getSizes, ICON_PIXEL_SIZES, MESSAGE_SIZES, } from './sizes';
+export type { BaseNotificationOptions, LegacyNotificationHierarchy, NotificationAction, NotificationActionButtonSize, NotificationColor, NotificationHierarchy, NotificationLinkTarget, } from './types';

package/dist/temp/assets/scripts/notification/const/index.js

@@ -1,4 +1,4 @@
 // Re-export all constants and types from separate files
 export { CLASS_NAMES } from './classNames';
-export { FLOATING_ICON_MAP, FULL_WIDTH_ICON_MAP, ICON_MAP, MESSAGE_BLOCK_ICON_MAP, MESSAGE_ICON_MAP, SVG_ICONS, } from './icons';
-export { CLOSE_BUTTON_SIZES, CLOSE_BUTTON_SVG_SIZES, FEATURED_ICON_SIZES, FULL_WIDTH_SIZES, getSizes, ICON_PIXEL_SIZES, MESSAGE_BLOCK_SIZES, MESSAGE_SIZES, } from './sizes';
+export { FLOATING_ICON_MAP, FULL_WIDTH_ICON_MAP, ICON_MAP, MESSAGE_ICON_MAP, SVG_ICONS, } from './icons';
+export { CLOSE_BUTTON_SIZES, CLOSE_BUTTON_SVG_SIZES, FEATURED_ICON_SIZES, FULL_WIDTH_SIZES, getSizes, ICON_PIXEL_SIZES, MESSAGE_SIZES, } from './sizes';

package/dist/temp/assets/scripts/notification/const/sizes.d.ts

@@ -24,10 +24,6 @@ export declare const MESSAGE_SIZES: {
     readonly ICON_PIXEL: "20";
     readonly CLOSE_BUTTON: "20";
 };
-export declare const MESSAGE_BLOCK_SIZES: {
-    readonly FEATURED_ICON: "sm";
-    readonly ICON_PIXEL: "16";
-};
 export declare const getSizes: {
     readonly featuredIcon: (isMobile: boolean) => "sm" | "md";
     readonly iconPixel: (isMobile: boolean) => "20" | "16";

package/dist/temp/assets/scripts/notification/const/sizes.js

@@ -33,11 +33,6 @@ export const MESSAGE_SIZES = {
     ICON_PIXEL: '20',
     CLOSE_BUTTON: '20',
 };
-// Message 알림 Block 변형 사이즈. 'sm' = 32px 원 / 16px 아이콘. 닫기 버튼은 default 와 같다.
-export const MESSAGE_BLOCK_SIZES = {
-    FEATURED_ICON: 'sm',
-    ICON_PIXEL: '16',
-};
 // 사이즈 유틸리티 함수들
 export const getSizes = {
     featuredIcon: (isMobile) => (isMobile ? FEATURED_ICON_SIZES.MOBILE : FEATURED_ICON_SIZES.DESKTOP),

package/dist/temp/assets/scripts/notification/const/types.d.ts

@@ -1,14 +1,8 @@
 export type NotificationColor = 'neutral' | 'error' | 'warning' | 'success' | 'info';
-/**
- * message 타입의 표시 변형. React `NotificationVariant`와 같은 어휘다.
- * - `'default'`: 기존 message
- * - `'block'`: 서브 페이지 공지용 (흰 배경, FeaturedIcon sm, 제목 + 텍스트 링크 1행, info 아이콘 InfoCircle)
- */
-export type NotificationVariant = 'default' | 'block';
 /**
  * 텍스트 링크(`supportTextLink`)를 여는 대상. React `NotificationLinkTarget`과 같은 어휘다.
- * - `'_self'`: 같은 탭 (target·rel 미부여)
- * - `'_blank'`: 새 탭 (`target="_blank"` + `rel="noopener noreferrer"`)
+ * - `'_self'`: 같은 탭
+ * - `'_blank'`: 새 탭 + `rel="noopener noreferrer"`
  */
 export type NotificationLinkTarget = '_self' | '_blank';
 /**
@@ -41,32 +35,23 @@ export interface BaseNotificationOptions {
     color?: NotificationColor;
     onClose?: () => void;
     /**
-     * 닫기(X) 버튼 숨김 여부. `true`면 `onClose`가 있어도 X 버튼을 렌더하지 않는다.
-     * autoClose 만료 시 `onClose` 호출은 그대로 유지된다. 기본값 `false`.
-     * floating 은 `autoClose` 미지정 시 3초 뒤 자동으로 닫힌다(직접 `remove()` 로 닫으려면 `autoClose: 0` 명시).
-     * full-width · message 는 `autoClose` 를 명시했을 때만 자동으로 닫힌다.
+     * 닫기 버튼 숨김 여부 (기본값 `false`)
+     * `true`이면 floating 타입은 autoClose 미지정 시 3초 후 자동으로 닫힘 (onClose 호출, 끄려면 `autoClose: 0`)
      */
     hideCloseButton?: boolean;
     className?: string;
     actions?: NotificationAction[];
     autoClose?: number;
     /**
-     * supportingText에 대한 링크 URL. full-width 타입, message 타입의 `variant: 'block'`에서 사용 가능.
-     * http/https 만 허용되며 그 외 프로토콜은 링크 없이 텍스트만 렌더된다.
+     * supportingText에 대한 링크 URL. full-width 타입에서만 사용 가능.
+     * http/https(상대경로 포함) URL만 링크로 렌더하고 그 외는 텍스트로 렌더한다.
      */
     supportTextLink?: string;
     /**
-     * 텍스트 링크를 여는 대상. `supportTextLink`가 렌더될 때만 동작한다.
-     * `'_blank'`이면 새 탭으로 열고 `rel="noopener noreferrer"`를 함께 붙인다.
-     * `'_blank'`가 아닌 값은 모두 `'_self'`(같은 탭)로 취급한다.
+     * 텍스트 링크를 여는 대상. `'_blank'`이면 새 탭 + `rel="noopener noreferrer"`.
      * @default '_self'
      */
     supportTextLinkTarget?: NotificationLinkTarget;
-    /**
-     * message 타입의 표시 변형. message 타입에서만 동작한다.
-     * @default 'default'
-     */
-    variant?: NotificationVariant;
     onHidePermanently?: () => void;
     /**
      * 다시보지 않기 버튼의 라벨. full-width, message 타입에서 사용 가능하며

package/dist/temp/assets/scripts/notification/messageTemplate.d.ts

@@ -2,8 +2,6 @@ import type { NotificationAction, NotificationColor } from './const';
 export interface MessageTemplateParams {
     title: string;
     supportingText?: string;
-    /** 지정 시 `supportingText`를 텍스트 링크로 렌더한다 (block 변형 전용, http/https 만 허용). */
-    supportTextLink?: string;
     /** 닫기 아이콘 색 결정용. 미지정 시 neutral. */
     color?: NotificationColor;
     actions?: NotificationAction[];

package/dist/temp/assets/scripts/notification/messageTemplate.js

@@ -12,14 +12,14 @@ const ACTION_BUTTON_SIZE = 'xs';
  * 동일한 클래스 트리를 산출해야 한다 — SCSS 한 벌을 두 구현이 공유한다.
  */
 export function buildMessageTemplate(params) {
-    const { title, supportingText, supportTextLink, color, actions, onClose, hideCloseButton, onHidePermanently, hidePermanentlyLabel, } = params;
+    const { title, supportingText, color, actions, onClose, hideCloseButton, onHidePermanently, hidePermanentlyLabel } = params;
     return `
     <div class="${CLASS_NAMES.MESSAGE.CONTAINER}">
       <div class="${CLASS_NAMES.MESSAGE.CONTENT}">
         <div class="${CLASS_NAMES.MESSAGE.CONTENT_WRAPPER}">
           <div class="${CLASS_NAMES.MESSAGE.TEXT_CONTAINER}">
             <span class="${CLASS_NAMES.MESSAGE.TITLE}">${title}</span>
-            ${renderSupportingText(supportingText, CLASS_NAMES.MESSAGE.SUPPORTING_TEXT, supportTextLink, CLASS_NAMES.MESSAGE.LINK)}
+            ${renderSupportingText({ supportingText, className: CLASS_NAMES.MESSAGE.SUPPORTING_TEXT })}
           </div>
         </div>
         ${renderActionsContainer({ actions, onClose, hideCloseButton, onHidePermanently, hidePermanentlyLabel, color })}

package/dist/temp/assets/scripts/notification/utils.d.ts

@@ -1,7 +1,15 @@
 import type { LegacyNotificationHierarchy, NotificationAction, NotificationActionButtonSize, NotificationColor, NotificationHierarchy } from './const';
 export declare function createWrapperElement(baseClass: string, color: NotificationColor, className?: string): HTMLElement;
 export declare function buildClassName(baseClass: string, color: NotificationColor, className?: string): string;
-export declare function renderSupportingText(supportingText?: string, className?: string, supportTextLink?: string, linkClassName?: string): string;
+interface RenderSupportingTextParams {
+    supportingText?: string;
+    className?: string;
+    supportTextLink?: string;
+}
+/**
+ * 보조 텍스트 HTML을 만든다. `supportTextLink` 링크는 full-width 전용 클래스(`CLASS_NAMES.FULL_WIDTH.LINK`)로 렌더한다.
+ */
+export declare const renderSupportingText: ({ supportingText, className, supportTextLink, }: RenderSupportingTextParams) => string;
 /**
  * `supportTextLinkTarget`이 `'_blank'`이면 `renderSupportingText`가 만든 링크를 새 탭으로 연다.
  *
@@ -30,3 +38,4 @@ export declare function renderActions(actions: NotificationAction[], wrapperClas
 export declare function bindNotificationEvents(element: HTMLElement, actions: NotificationAction[], onClose?: () => void, onRemove?: () => void): void;
 export declare function setupAutoClose(autoClose: number, onClose?: () => void, onRemove?: () => void): number | undefined;
 export declare const isMobile: () => boolean;
+export {};

package/dist/temp/assets/scripts/notification/utils.js

@@ -22,7 +22,10 @@ export function buildClassName(baseClass, color, className) {
 function escapeHtmlAttr(str) {
     return str.replace(/&/g, '&').replace(/"/g, '"').replace(/'/g, ''');
 }
-export function renderSupportingText(supportingText, className, supportTextLink, linkClassName = CLASS_NAMES.FULL_WIDTH.LINK) {
+/**
+ * 보조 텍스트 HTML을 만든다. `supportTextLink` 링크는 full-width 전용 클래스(`CLASS_NAMES.FULL_WIDTH.LINK`)로 렌더한다.
+ */
+export const renderSupportingText = ({ supportingText, className, supportTextLink, }) => {
     if (!supportingText)
         return '';
     // 본문(supportingText) 자체는 이 함수의 호출 결과가 wrapper.innerHTML에
@@ -30,11 +33,11 @@ export function renderSupportingText(supportingText, className, supportTextLink,
     // 이렇게 해야 <br>, <strong> 등 서식용 태그가 그대로 동작한다.
     if (supportTextLink && isSafeUrl(supportTextLink)) {
         const safeLink = escapeHtmlAttr(supportTextLink);
-        return `<a href="${safeLink}" class="${linkClassName}"><span class="${className}">${supportingText}</span></a>`;
+        return `<a href="${safeLink}" class="${CLASS_NAMES.FULL_WIDTH.LINK}"><span class="${className}">${supportingText}</span></a>`;
     }
     // unsafe URL이거나 link가 없으면 링크 없이 텍스트만 렌더링
     return `<span class="${className}">${supportingText}</span>`;
-}
+};
 /**
  * `supportTextLinkTarget`이 `'_blank'`이면 `renderSupportingText`가 만든 링크를 새 탭으로 연다.
  *

package/dist/temp/src/components/overlays/notification/FloatingNotification.d.ts

@@ -19,9 +19,8 @@ interface FloatingNotificationProps extends Omit<ComponentPropsWithoutRef<'div'>
      */
     onClose?: () => void;
     /**
-     * 닫기(X) 버튼 숨김 여부. `true`면 `onClose`가 있어도 X 버튼을 렌더하지 않는다.
-     * autoClose 만료·모바일 전환 시 `onClose` 호출은 그대로 유지된다.
-     * `autoClose` 미지정이면 3초 뒤 자동으로 닫힌다. 부모가 직접 언마운트하려면 `autoClose={0}`을 명시한다.
+     * 닫기 버튼 숨김 여부
+     * `true`이면 autoClose 미지정 시 3초 후 자동으로 닫힘 (onClose 호출, 끄려면 `autoClose={0}`)
      * @default false
      */
     hideCloseButton?: boolean;
@@ -35,7 +34,7 @@ interface FloatingNotificationProps extends Omit<ComponentPropsWithoutRef<'div'>
     actions?: NotificationAction[];
     /**
      * 자동 닫기 시간 (밀리초 단위, 0이면 자동으로 닫히지 않음)
-     * 미지정 시 0. 단 `hideCloseButton`이면 3초.
+     * hideCloseButton이면 미지정 시 3초
      * @default 0
      */
     autoClose?: number;

package/dist/temp/src/components/overlays/notification/FullWidthNotification.d.ts

@@ -19,9 +19,7 @@ interface FullWidthNotificationProps extends Omit<ComponentPropsWithoutRef<'div'
      */
     onClose?: () => void;
     /**
-     * 닫기(X) 버튼 숨김 여부. `true`면 `onClose`가 있어도 X 버튼을 렌더하지 않는다.
-     * autoClose 만료 시 `onClose` 호출은 그대로 유지된다.
-     * 기본 자동 닫힘은 없다 — 부모가 언마운트로 닫거나 `autoClose`를 명시한다.
+     * 닫기 버튼 숨김 여부
      * @default false
      */
     hideCloseButton?: boolean;
@@ -40,7 +38,7 @@ interface FullWidthNotificationProps extends Omit<ComponentPropsWithoutRef<'div'
      */
     autoClose?: number;
     /**
-     * info 링크 영역 (선택사항)
+     * info 링크 영역 (선택사항). http/https(상대경로 포함) URL만 링크로 렌더하고 그 외는 텍스트로 렌더한다.
      */
     supportTextLink?: string;
     /**

package/dist/temp/src/components/overlays/notification/MessageNotification.d.ts

@@ -1,6 +1,6 @@
 import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
 import type { SlotIconComponent } from '../../../types/side-slot';
-import type { NotificationAction, NotificationColor, NotificationLinkTarget, NotificationVariant } from './Notification';
+import type { NotificationAction, NotificationColor } from './Notification';
 interface MessageNotificationProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
     /**
      * 알림 제목 텍스트
@@ -24,9 +24,7 @@ interface MessageNotificationProps extends Omit<ComponentPropsWithoutRef<'div'>,
      */
     onClose?: () => void;
     /**
-     * 닫기(X) 버튼 숨김 여부. `true`면 `onClose`가 있어도 X 버튼을 렌더하지 않는다.
-     * autoClose 만료 시 `onClose` 호출은 그대로 유지된다.
-     * 기본 자동 닫힘은 없다 — 부모가 언마운트로 닫거나 `autoClose`를 명시한다.
+     * 닫기 버튼 숨김 여부
      * @default false
      */
     hideCloseButton?: boolean;
@@ -53,20 +51,6 @@ interface MessageNotificationProps extends Omit<ComponentPropsWithoutRef<'div'>,
      * @default '다시 보지 않기'
      */
     hidePermanentlyLabel?: ReactNode;
-    /**
-     * 표시 변형. `'block'`은 서브 페이지 공지용(흰 배경, FeaturedIcon sm, 제목 + 텍스트 링크 1행)
-     * @default 'default'
-     */
-    variant?: NotificationVariant;
-    /**
-     * 텍스트 링크 URL. `variant="block"`에서만 동작하며 `supportingText`가 링크 텍스트가 된다.
-     */
-    supportTextLink?: string;
-    /**
-     * 텍스트 링크를 여는 대상. `'_blank'`이면 새 탭 + `rel="noopener noreferrer"`
-     * @default '_self'
-     */
-    supportTextLinkTarget?: NotificationLinkTarget;
 }
 declare const MessageNotification: import("react").ForwardRefExoticComponent<MessageNotificationProps & import("react").RefAttributes<HTMLDivElement>>;
 export type { MessageNotificationProps };

package/dist/temp/src/components/overlays/notification/MessageNotification.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AlertCircle, AlertTriangle, CheckCircle, InfoCircle, Pin02 } from '@ncds/ui-admin-icon';
+import { AlertCircle, AlertTriangle, CheckCircle, Pin02 } from '@ncds/ui-admin-icon';
 import classNames from 'classnames';
 import { forwardRef } from 'react';
 import { MESSAGE_CLOSE_ICON_COLOR } from '../../../../constant/notification';
@@ -10,14 +10,10 @@ const DEFAULT_ICON_MAP = {
     error: AlertTriangle,
     warning: AlertCircle,
     success: CheckCircle,
-    // 디자인 기준 default 의 info 는 neutral 과 같은 핀이다.
+    // 디자인 기준 info 는 neutral 과 같은 핀이다.
     info: Pin02,
 };
-// block 의 info 는 InfoCircle 을 유지한다 (#536).
-const BLOCK_ICON_MAP = { ...DEFAULT_ICON_MAP, info: InfoCircle };
-const MessageNotification = forwardRef(({ title, supportingText, icon: Icon, color = 'neutral', onClose, hideCloseButton = false, autoClose, className, actions, onHidePermanently, hidePermanentlyLabel, variant = 'default', supportTextLink, supportTextLinkTarget, ...rest }, ref) => {
-    const isBlock = variant === 'block';
-    const iconMap = isBlock ? BLOCK_ICON_MAP : DEFAULT_ICON_MAP;
+const MessageNotification = forwardRef(({ title, supportingText, icon: Icon, color = 'neutral', onClose, hideCloseButton = false, autoClose, className, actions, onHidePermanently, hidePermanentlyLabel, ...rest }, ref) => {
     // FeaturedIcon 에는 info 색이 없다. info 의 violet 톤은 message SCSS 가 덮어쓴다.
     const featuredIconColor = color === 'info' ? 'neutral' : color;
     // message 는 부모가 언마운트로 닫으므로 hideCloseButton 기본 autoClose 를 적용하지 않는다.
@@ -25,7 +21,7 @@ const MessageNotification = forwardRef(({ title, supportingText, icon: Icon, col
     if (shouldRemove) {
         return null;
     }
-    return (_jsx("div", { ref: ref, className: classNames('ncua-message-notification', `ncua-message-notification--${color}`, { 'ncua-message-notification--block': isBlock }, className), role: "alert", ...rest, children: _jsx("div", { className: "ncua-message-notification__container", children: _jsxs("div", { className: "ncua-message-notification__content", children: [_jsx(MessageNotificationContent, { title: title, supportingText: supportingText, supportTextLink: isBlock ? supportTextLink : undefined, supportTextLinkTarget: supportTextLinkTarget, icon: Icon || iconMap[color], iconColor: featuredIconColor, iconSize: isBlock ? 'sm' : 'md' }), _jsx(MessageNotificationActions, { actions: actions, onClose: onClose, hideCloseButton: hideCloseButton, onHidePermanently: onHidePermanently, hidePermanentlyLabel: hidePermanentlyLabel, closeIconColor: MESSAGE_CLOSE_ICON_COLOR[color] })] }) }) }));
+    return (_jsx("div", { ref: ref, className: classNames('ncua-message-notification', `ncua-message-notification--${color}`, className), role: "alert", ...rest, children: _jsx("div", { className: "ncua-message-notification__container", children: _jsxs("div", { className: "ncua-message-notification__content", children: [_jsx(MessageNotificationContent, { title: title, supportingText: supportingText, icon: Icon || DEFAULT_ICON_MAP[color], iconColor: featuredIconColor }), _jsx(MessageNotificationActions, { actions: actions, onClose: onClose, hideCloseButton: hideCloseButton, onHidePermanently: onHidePermanently, hidePermanentlyLabel: hidePermanentlyLabel, closeIconColor: MESSAGE_CLOSE_ICON_COLOR[color] })] }) }) }));
 });
 MessageNotification.displayName = 'MessageNotification';
 export { MessageNotification };

package/dist/temp/src/components/overlays/notification/MessageNotificationParts.d.ts

@@ -1,21 +1,15 @@
 import type { ReactNode } from 'react';
 import type { SlotIconComponent } from '../../../types/side-slot';
-import { type FeaturedIconColor, type FeaturedIconSize } from '../../image-and-icons/featured-icon/FeaturedIcon';
-import type { NotificationAction, NotificationLinkTarget } from './Notification';
+import { type FeaturedIconColor } from '../../image-and-icons/featured-icon/FeaturedIcon';
+import type { NotificationAction } from './Notification';
 interface MessageNotificationContentProps {
     title: ReactNode;
     supportingText?: ReactNode;
-    /** 지정 시 `supportingText`를 이 URL 의 텍스트 링크로 렌더한다 (block 변형 전용). http/https·상대경로가 아니면 텍스트만 렌더. */
-    supportTextLink?: string;
-    /** 텍스트 링크를 여는 대상. `'_blank'`이면 새 탭 + `rel="noopener noreferrer"`. */
-    supportTextLinkTarget?: NotificationLinkTarget;
     icon?: SlotIconComponent;
     iconColor: FeaturedIconColor;
-    /** default 는 md(40/20), block 은 sm(32/16). */
-    iconSize: FeaturedIconSize;
 }
-/** 아이콘 + 제목/서포팅 텍스트(또는 텍스트 링크) 영역. */
-declare const MessageNotificationContent: ({ title, supportingText, supportTextLink, supportTextLinkTarget, icon, iconColor, iconSize, }: MessageNotificationContentProps) => import("react/jsx-runtime").JSX.Element;
+/** 아이콘 + 제목/서포팅 텍스트 영역. FeaturedIcon 은 md(40px 원 / 20px 아이콘) 고정. */
+declare const MessageNotificationContent: ({ title, supportingText, icon, iconColor }: MessageNotificationContentProps) => import("react/jsx-runtime").JSX.Element;
 interface MessageNotificationActionsProps {
     actions?: NotificationAction[];
     onClose?: () => void;

package/dist/temp/src/components/overlays/notification/MessageNotificationParts.js

@@ -1,20 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Pin02, XClose } from '@ncds/ui-admin-icon';
 import { HIDE_PERMANENTLY_LABEL } from '../../../../constant/notification';
-import { isSafeUrl } from '../../../utils/url';
 import { FeaturedIcon, } from '../../image-and-icons/featured-icon/FeaturedIcon';
-import { getLinkTargetAttributes } from './linkTarget';
 import { NotificationActionButtons } from './NotificationActionButtons';
-/** 아이콘 + 제목/서포팅 텍스트(또는 텍스트 링크) 영역. */
-const MessageNotificationContent = ({ title, supportingText, supportTextLink, supportTextLinkTarget, icon, iconColor, iconSize, }) => {
+/** 아이콘 + 제목/서포팅 텍스트 영역. FeaturedIcon 은 md(40px 원 / 20px 아이콘) 고정. */
+const MessageNotificationContent = ({ title, supportingText, icon, iconColor }) => {
     const featuredIconProps = {
         icon: icon || Pin02,
-        size: iconSize,
+        size: 'md',
         color: iconColor,
         theme: 'light-circle',
     };
-    const supportingTextNode = supportingText && (_jsx("span", { className: "ncua-message-notification__supporting-text", children: supportingText }));
-    return (_jsxs("div", { className: "ncua-message-notification__content-wrapper", children: [_jsx(FeaturedIcon, { ...featuredIconProps, className: "ncua-message-notification__icon" }), _jsxs("div", { className: "ncua-message-notification__text-container", children: [_jsx("span", { className: "ncua-message-notification__title", children: title }), supportTextLink && isSafeUrl(supportTextLink) && supportingTextNode ? (_jsx("a", { href: supportTextLink, className: "ncua-message-notification__link", ...getLinkTargetAttributes(supportTextLinkTarget), children: supportingTextNode })) : (supportingTextNode)] })] }));
+    return (_jsxs("div", { className: "ncua-message-notification__content-wrapper", children: [_jsx(FeaturedIcon, { ...featuredIconProps, className: "ncua-message-notification__icon" }), _jsxs("div", { className: "ncua-message-notification__text-container", children: [_jsx("span", { className: "ncua-message-notification__title", children: title }), supportingText && _jsx("span", { className: "ncua-message-notification__supporting-text", children: supportingText })] })] }));
 };
 /**
  * 액션 버튼 그룹 + 닫기 그룹을 감싸는 우측 영역.

package/dist/temp/src/components/overlays/notification/Notification.d.ts

@@ -6,7 +6,6 @@ import { type CalloutNotificationProps, type CalloutNotificationWidth } from './
 type NotificationType = 'floating' | 'full-width' | 'message' | 'callout';
 type NotificationColor = Extract<ColorTone, 'neutral' | 'error' | 'warning' | 'success' | 'info'>;
 type NotificationSize = 'desktop' | 'mobile';
-type NotificationVariant = 'default' | 'block';
 /** 텍스트 링크(`supportTextLink`)를 여는 대상. `'_blank'`이면 새 탭 + `rel="noopener noreferrer"`. */
 type NotificationLinkTarget = '_self' | '_blank';
 interface NotificationAction {
@@ -39,7 +38,7 @@ interface NotificationProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title
      */
     supportingText?: ReactNode;
     /**
-     * 알림 아이콘 컴포넌트 (지정하지 않으면 variant에 따라 기본 아이콘 사용)
+     * 알림 아이콘 컴포넌트 (지정하지 않으면 color에 따라 기본 아이콘 사용)
      */
     icon?: SlotIconComponent;
     /**
@@ -52,14 +51,8 @@ interface NotificationProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title
      */
     onClose?: () => void;
     /**
-     * 닫기(X) 버튼 숨김 여부. floating · full-width · message 타입에서 동작한다.
-     * `true`면 `onClose`가 있어도 X 버튼을 렌더하지 않는다.
-     * autoClose 만료(및 floating의 모바일 전환) 시 `onClose` 호출은 그대로 유지되므로,
-     * "닫기 버튼 없는 자동 닫힘 토스트"(DES-SPEC-027 §5.3)에서 부모가 닫힘 시점을 받을 수 있다.
-     *
-     * floating(토스트)은 닫을 수단이 사라지지 않도록 `autoClose` 미지정 시 3초 뒤 자동으로 닫힌다
-     * (부모가 직접 언마운트해 닫으려면 `autoClose={0}` 명시). full-width · message 는 부모가 언마운트로 닫으므로
-     * `autoClose`를 명시했을 때만 자동으로 닫힌다.
+     * 닫기 버튼 숨김 여부
+     * `true`이면 floating 타입은 autoClose 미지정 시 3초 후 자동으로 닫힘 (onClose 호출, 끄려면 `autoClose={0}`)
      * @default false
      */
     hideCloseButton?: boolean;
@@ -74,8 +67,7 @@ interface NotificationProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title
     actions?: NotificationAction[];
     /**
      * 자동 닫기 시간 (밀리초 단위, 0이면 자동으로 닫히지 않음)
-     * floating, full-width, message 타입에서 동작
-     * 미지정 시 0. 단 floating 에서 `hideCloseButton`이면 3초(DES-SPEC-027 §5.3).
+     * floating, full-width, message 타입에서 동작 (floating + hideCloseButton은 미지정 시 3초)
      * @default 0
      */
     autoClose?: number;
@@ -94,27 +86,15 @@ interface NotificationProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title
     hidePermanentlyLabel?: ReactNode;
     /**
      * supportingText 에 연결할 링크 URL (선택사항)
-     * full-width 타입, message 타입의 `variant="block"`에서 사용 가능
+     * full-width 타입에서만 사용 가능. http/https(상대경로 포함) URL만 링크로 렌더하고 그 외는 텍스트로 렌더한다.
      */
     supportTextLink?: string;
     /**
-     * 텍스트 링크를 여는 대상 (선택사항). `supportTextLink`가 렌더될 때만 동작한다.
-     * `'_blank'`이면 새 탭으로 열고 `rel="noopener noreferrer"`를 함께 붙인다.
-     * full-width 타입, message 타입의 `variant="block"`에서 사용 가능
+     * 텍스트 링크를 여는 대상 (선택사항). `'_blank'`이면 새 탭 + `rel="noopener noreferrer"`
+     * full-width 타입에서만 사용 가능
      * @default '_self'
      */
     supportTextLinkTarget?: NotificationLinkTarget;
-    /**
-     * message 타입의 표시 변형 (선택사항). message 타입에서만 동작한다.
-     *
-     * - `'default'`: 기존 message (color 별 배경·테두리, 제목 + 본문 2행)
-     * - `'block'`: 서브 페이지 공지용. 흰 배경·gray-100 테두리·shadow-sm, FeaturedIcon sm,
-     *   제목 + 텍스트 링크 1행(`supportingText` 가 링크 텍스트, `supportTextLink` 가 href).
-     *   info 아이콘은 InfoCircle.
-     *
-     * @default 'default'
-     */
-    variant?: NotificationVariant;
     /**
      * 너비 동작 (선택사항)
      * callout 타입에서만 사용 가능. 미지정 시 부모 너비를 채운다(100%). 'fit' 은 콘텐츠 너비에 맞춘다
@@ -135,6 +115,6 @@ interface NotificationProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title
     portal?: boolean;
 }
 declare const Notification: import("react").ForwardRefExoticComponent<NotificationProps & import("react").RefAttributes<HTMLDivElement>>;
-export type { NotificationType, NotificationColor, NotificationSize, NotificationVariant, NotificationLinkTarget, NotificationAction, NotificationProps, };
+export type { NotificationType, NotificationColor, NotificationSize, NotificationLinkTarget, NotificationAction, NotificationProps, };
 export type { CalloutNotificationProps, CalloutNotificationWidth };
 export { Notification };