@ncds/ui-admin 1.8.26-alpha.5 → 1.8.26-alpha.7

package/dist/temp/vitest.config.js

@@ -30,6 +30,17 @@ export default defineConfig({
             // 'text' 미포함 — 미커버 파일이 수백 개라 파일별 상세 출력이 CI 로그를 덮는다.
             // '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/types/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). */
+    /** 색상별 FeaturedIcon. default 는 md(40/20), block 은 sm(32/16). info 아이콘만 variant 별로 다르다. */
     private createFeaturedIcon;
     private bindEvents;
     private setupAutoClose;

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

@@ -1,4 +1,5 @@
 import type { NotificationColor } from './types';
+type IconFunction = (size: string) => string;
 export declare const SVG_ICONS: {
     readonly 'pin-02': (size: string) => string;
     readonly 'alert-triangle': (size: string) => string;
@@ -23,9 +24,8 @@ export declare const ICON_MAP: {
     readonly success: (size: string) => string;
     readonly info: (size: string) => string;
 };
-/**
- * message 타입 아이콘. floating 과 같은 4색에 block 변형 전용 info 를 더한다.
- * `SVG_ICONS['info-circle']`은 full-width 전용 class·color 가 박혀 있어 쓰지 않는다
- * (`.ncua-full-width-notification__icon`은 모바일에서 숨겨진다).
- */
-export declare const MESSAGE_ICON_MAP: Partial<Record<NotificationColor, (size: string) => string>>;
+/** 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/types/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_ICON_MAP, SVG_ICONS } from './icons';
+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';

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

@@ -2,7 +2,7 @@ export type NotificationColor = 'neutral' | 'error' | 'warning' | 'success' | 'i
 /**
  * message 타입의 표시 변형. React `NotificationVariant`와 같은 어휘다.
  * - `'default'`: 기존 message
- * - `'block'`: 서브 페이지 공지용 (흰 배경, FeaturedIcon sm, 제목 + 텍스트 링크 1행, info 유지)
+ * - `'block'`: 서브 페이지 공지용 (흰 배경, FeaturedIcon sm, 제목 + 텍스트 링크 1행, info 아이콘 InfoCircle)
  */
 export type NotificationVariant = 'default' | 'block';
 /**

package/dist/types/constant/notification.d.ts

@@ -17,7 +17,6 @@ export declare const HIDE_PERMANENTLY_LABEL: {
  * message 타입 닫기(X) 아이콘의 color 별 색.
  *
  * React(`MessageNotification.tsx`)와 Vanilla(`messageTemplate.ts`)가 함께 참조하는 단일 출처다.
- * `info`는 `variant: 'block'`에서만 렌더된다(default 는 neutral 로 폴백).
  */
 export declare const MESSAGE_CLOSE_ICON_COLOR: {
     readonly neutral: string;

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

@@ -54,7 +54,7 @@ interface MessageNotificationProps extends Omit<ComponentPropsWithoutRef<'div'>,
      */
     hidePermanentlyLabel?: ReactNode;
     /**
-     * 표시 변형. `'block'`은 서브 페이지 공지용(흰 배경, FeaturedIcon sm, 제목 + 텍스트 링크 1행, info 유지)
+     * 표시 변형. `'block'`은 서브 페이지 공지용(흰 배경, FeaturedIcon sm, 제목 + 텍스트 링크 1행)
      * @default 'default'
      */
     variant?: NotificationVariant;

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

@@ -107,10 +107,10 @@ interface NotificationProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title
     /**
      * message 타입의 표시 변형 (선택사항). message 타입에서만 동작한다.
      *
-     * - `'default'`: 기존 message (color 별 배경·테두리, 제목 + 본문 2행, info → neutral 폴백)
+     * - `'default'`: 기존 message (color 별 배경·테두리, 제목 + 본문 2행)
      * - `'block'`: 서브 페이지 공지용. 흰 배경·gray-100 테두리·shadow-sm, FeaturedIcon sm,
      *   제목 + 텍스트 링크 1행(`supportingText` 가 링크 텍스트, `supportTextLink` 가 href).
-     *   `color="info"` 를 그대로 렌더한다.
+     *   info 아이콘은 InfoCircle.
      *
      * @default 'default'
      */

package/dist/ui-admin/assets/styles/style.css

@@ -3060,6 +3060,22 @@ button {
 .ncua-message-notification--success .ncua-notification__action-button {
   color: var(--green-500);
 }
+.ncua-message-notification--info {
+  color: var(--violet-600);
+  background-color: var(--violet-50);
+  border-radius: 12px;
+  border: 1px solid var(--violet-300);
+  box-shadow: var(--shadow-md);
+}
+.ncua-message-notification--info .ncua-message-notification__title {
+  color: var(--violet-600);
+}
+.ncua-message-notification--info .ncua-message-notification__supporting-text {
+  color: var(--gray-500);
+}
+.ncua-message-notification--info .ncua-notification__action-button {
+  color: var(--violet-500);
+}
 .ncua-message-notification .ncua-notification__action-button {
   background: transparent;
   border: none;
@@ -3072,12 +3088,8 @@ button {
 .ncua-message-notification.ncua-message-notification--block {
   background-color: var(--base-white);
   border: 1px solid var(--gray-100);
-  border-radius: 12px;
   box-shadow: var(--shadow-sm);
 }
-.ncua-message-notification.ncua-message-notification--block .ncua-message-notification__supporting-text {
-  color: var(--gray-500);
-}
 .ncua-message-notification.ncua-message-notification--block .ncua-message-notification__text-container {
   flex-direction: row;
   flex-wrap: wrap;
@@ -3087,13 +3099,7 @@ button {
 .ncua-message-notification.ncua-message-notification--block .ncua-message-notification__link .ncua-message-notification__supporting-text {
   color: inherit;
 }
-.ncua-message-notification.ncua-message-notification--block.ncua-message-notification--info {
-  color: var(--violet-600);
-}
-.ncua-message-notification.ncua-message-notification--block.ncua-message-notification--info .ncua-message-notification__title {
-  color: var(--violet-600);
-}
-.ncua-message-notification.ncua-message-notification--block.ncua-message-notification--info .ncua-message-notification__icon {
+.ncua-message-notification.ncua-message-notification--info .ncua-message-notification__icon {
   color: var(--violet-600);
   background-color: var(--violet-100);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ncds/ui-admin",
-  "version": "1.8.26-alpha.5",
+  "version": "1.8.26-alpha.7",
   "description": "nhn-commerce의 어드민 디자인 시스템입니다.",
   "scripts": {
     "barrel": "node barrel.js",
@@ -78,7 +78,7 @@
     "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "2.1.0",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "1.1.0",
     "@atlaskit/pragmatic-drag-and-drop-react-accessibility": "1.1.4",
-    "@ncds/ui-admin-icon": "0.1.13",
+    "@ncds/ui-admin-icon": "0.1.14",
     "classnames": "2.5.1",
     "dompurify": "3.4.12",
     "flatpickr": "4.6.13",