@ncds/ui-admin 1.8.26-alpha.9 → 1.8.27

package/dist/temp/vitest.config.js

@@ -30,17 +30,6 @@ 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/src/components/feedback-and-status/badge/Badge.d.ts

@@ -16,4 +16,4 @@ type BadgeProps = {
 };
 declare const Badge: ({ label, type, color, className, leadingIcon, trailingIcon, size, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
 export { Badge };
-export type { BadgeColor, BadgeProps, BadgeSize, BadgeType };
+export type { BadgeType, BadgeColor, BadgeSize, BadgeProps };

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

@@ -67,6 +67,9 @@
   --shadow-xs-focused-3px-primary-100: 0px 1px 2px 0px #1018280d, 0px 0px 0px 3px #ffeaee;
   --shadow-xs-focused-3px-gray-100: 0px 1px 2px 0px #1018280d, 0px 0px 0px 3px #f2f4f7;
   --shadow-xs-focused-3px-error-100: 0px 1px 2px 0px #1018280d, 0px 0px 0px 3px #fee4e2;
+  --shadow-xs-focused-4px-primary-100: 0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #ffeaee;
+  --shadow-xs-focused-4px-gray-100: 0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #f2f4f7;
+  --shadow-xs-focused-4px-error-100: 0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #fee4e2;
   --shadow-sm: 0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f;
   --shadow-sm-focused-4px-primary-100: 0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #ffeaee;
   --shadow-sm-focused-4px-gray-100: 0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #f2f4f7;
@@ -324,7 +327,7 @@ button {
   background-color: var(--primary-red-450);
   border: 1px solid var(--primary-red-500);
   color: var(--base-white);
-  box-shadow: var(--shadow-sm-focused-4px-primary-100);
+  box-shadow: var(--shadow-xs-focused-4px-primary-100);
 }
 .ncua-btn--primary:disabled, .ncua-btn--primary.is-disable {
   background-color: var(--primary-red-100);
@@ -370,7 +373,7 @@ button {
   background-color: var(--base-white);
   border: 1px solid var(--gray-200);
   color: var(--gray-700);
-  box-shadow: var(--shadow-sm-focused-4px-gray-100);
+  box-shadow: var(--shadow-xs-focused-4px-gray-100);
 }
 .ncua-btn--secondary-gray:disabled, .ncua-btn--secondary-gray.is-disable {
   background-color: var(--base-white);
@@ -956,7 +959,7 @@ button {
 }
 .ncua-checkbox-input.destructive :where(input):focus {
   border-color: var(--primary-red-600);
-  box-shadow: var(--shadow-sm-focused-4px-error-100);
+  box-shadow: var(--shadow-xs-focused-4px-error-100);
 }
 .ncua-checkbox-input:hover {
   border-color: var(--gray-600);
@@ -1741,7 +1744,7 @@ button {
   border-color: var(--primary-red-600);
 }
 .ncua-input.destructive:where(:focus-within) .ncua-input__field {
-  box-shadow: var(--shadow-sm-focused-4px-error-100);
+  box-shadow: var(--shadow-xs-focused-4px-error-100);
 }
 .ncua-input.is-disabled .ncua-input__content > :not(button) {
   background-color: var(--gray-50);
@@ -1936,7 +1939,7 @@ button {
   border-color: var(--primary-red-600);
 }
 .ncua-input--textarea.destructive textarea:focus {
-  box-shadow: var(--shadow-sm-focused-4px-error-100);
+  box-shadow: var(--shadow-xs-focused-4px-error-100);
 }
 
 .ncua-input--textarea--xs textarea {
@@ -3207,7 +3210,7 @@ button {
 }
 .ncua-radio-input.destructive :where(input):focus {
   border-color: var(--primary-red-600);
-  box-shadow: var(--shadow-sm-focused-4px-error-100);
+  box-shadow: var(--shadow-xs-focused-4px-error-100);
 }
 
 .ncua-radio-field {
@@ -3709,7 +3712,7 @@ button {
   border-color: var(--primary-red-600);
 }
 .ncua-select.destructive .ncua-select__content:focus-within {
-  box-shadow: var(--shadow-sm-focused-4px-error-100);
+  box-shadow: var(--shadow-xs-focused-4px-error-100);
 }
 .ncua-select--xs .ncua-select__content {
   height: var(--select-height-xs);
@@ -4050,7 +4053,7 @@ button {
   border-color: var(--primary-red-600);
 }
 .ncua-selectbox.destructive .ncua-selectbox__content:focus {
-  box-shadow: var(--shadow-sm-focused-4px-error-100);
+  box-shadow: var(--shadow-xs-focused-4px-error-100);
 }
 .ncua-selectbox--xs .ncua-selectbox__content {
   height: var(--select-height-xs);
@@ -5353,16 +5356,15 @@ button {
   justify-content: center;
   color: var(--pink-600);
   background-color: var(--pink-200);
+  border-radius: 5px;
 }
 .ncua-badge--new-badge-sm {
   width: 16px;
   height: 16px;
-  border-radius: 3px;
 }
 .ncua-badge--new-badge-md {
   width: 20px;
   height: 20px;
-  border-radius: 4px;
 }
 
 .ncua-badge-group {
@@ -6624,7 +6626,7 @@ button {
   bottom: 0;
   width: 3px;
   background: var(--base-black);
-  z-index: var(--z-index-1);
+  z-index: 1;
 }
 .ncua-table__row--warning.ncua-table__row--selected:nth-child(n) {
   background: var(--orange-50);
@@ -6769,7 +6771,7 @@ button {
 .ncua-table--fixed-header .ncua-table__header-cell {
   position: sticky;
   top: 0;
-  z-index: var(--z-index-sticky);
+  z-index: 10;
   padding: 0 var(--spacing-m);
   height: var(--ncua-table-header-height);
 }
@@ -7434,16 +7436,17 @@ button {
 
 .ncua-page-title {
   width: 100%;
+  background: var(--base-white);
+  box-shadow: var(--shadow-sm);
 }
 .ncua-page-title--fixed {
   position: sticky;
   top: 0;
   z-index: 999;
-  background: var(--gray-50);
-  border-bottom: 1px solid var(--gray-100);
+  border-bottom: 1px solid var(--gray-300);
 }
 .ncua-page-title__page-header {
-  padding: 32px 40px 0;
+  padding: 24px 40px;
 }
 .ncua-page-title--fixed .ncua-page-title__page-header {
   padding: 12px 40px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ncds/ui-admin",
-  "version": "1.8.26-alpha.9",
+  "version": "1.8.27",
   "description": "nhn-commerce의 어드민 디자인 시스템입니다.",
   "scripts": {
     "barrel": "node barrel.js",

package/dist/cjs/src/components/layout/page-title/__tests__/pageTitleStyle.test.js

@@ -1,94 +0,0 @@
-"use strict";
-
-var _nodePath = _interopRequireDefault(require("node:path"));
-var _sass = require("sass");
-var _vitest = require("vitest");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// 배경·그림자·패딩은 jsdom 에서 계산되지 않으므로, 컴파일된 CSS 에서 variant 별 규칙을 검사한다.
-// (input-base/__tests__/inputAutofill.test.ts 와 같은 방식 — 컴포넌트 SCSS 엔트리를 직접 컴파일)
-const PAGE_TITLE_SCSS_PATH = _nodePath.default.resolve(__dirname, '../../../../../assets/styles/components/page-title/_index.scss');
-const compiledPageTitleCss = (0, _sass.compile)(PAGE_TITLE_SCSS_PATH).css;
-/** 선택자 → 선언 목록. 같은 선택자가 여러 규칙에 나오면 선언을 이어 붙인다. */
-const parseRules = css => {
-  const rules = new Map();
-  for (const [, selectorList, body] of css.matchAll(/([^{}]+)\{([^{}]*)\}/g)) {
-    const declarations = body.split(';').map(declaration => declaration.trim().replace(/\s+/g, ' ')).filter(Boolean);
-    for (const selector of selectorList.split(',').map(selector => selector.trim().replace(/\s+/g, ' '))) {
-      rules.set(selector, [...(rules.get(selector) ?? []), ...declarations]);
-    }
-  }
-  return rules;
-};
-const rules = parseRules(compiledPageTitleCss);
-const declarationsOf = selector => rules.get(selector) ?? [];
-const propertiesOf = selector => declarationsOf(selector).map(declaration => declaration.split(':')[0].trim());
-const ROOT = '.ncua-page-title';
-const FIXED = '.ncua-page-title--fixed';
-const PAGE_HEADER = '.ncua-page-title__page-header';
-const FIXED_PAGE_HEADER = '.ncua-page-title--fixed .ncua-page-title__page-header';
-(0, _vitest.describe)('PageTitle 스타일 — Default (·Detail)', () => {
-  (0, _vitest.it)('.ncua-page-title 에 background·box-shadow 가 없다 (투명, 그림자 없음)', () => {
-    // Given: 컴파일된 PageTitle CSS 에서
-    // When: 루트 규칙의 속성을 모으면
-    const properties = propertiesOf(ROOT);
-    // Then: 루트 규칙은 존재하지만 배경·그림자를 지정하지 않는다
-    (0, _vitest.expect)(properties.length).toBeGreaterThan(0);
-    (0, _vitest.expect)(properties).not.toContain('background');
-    (0, _vitest.expect)(properties).not.toContain('background-color');
-    (0, _vitest.expect)(properties).not.toContain('box-shadow');
-  });
-  (0, _vitest.it)('.ncua-page-title__page-header 패딩은 32px 40px 0 이다', () => {
-    // Given: 컴파일된 PageTitle CSS 에서
-    // When: page-header 규칙을 찾으면
-    const declarations = declarationsOf(PAGE_HEADER);
-    // Then: 위 32px · 좌우 40px · 아래 0 이다
-    (0, _vitest.expect)(declarations).toContain('padding: 32px 40px 0');
-    (0, _vitest.expect)(declarations).not.toContain('padding: 24px 40px');
-  });
-});
-(0, _vitest.describe)('PageTitle 스타일 — Fixed (·Fixed Detail)', () => {
-  (0, _vitest.it)('.ncua-page-title--fixed 배경은 --gray-50 이다', () => {
-    // Given: 컴파일된 PageTitle CSS 에서
-    // When: fixed modifier 규칙을 찾으면
-    const declarations = declarationsOf(FIXED);
-    // Then: sticky 로 콘텐츠 위에 겹치므로 배경 Gray/50 을 가진다
-    (0, _vitest.expect)(declarations).toContain('background: var(--gray-50)');
-  });
-  (0, _vitest.it)('.ncua-page-title--fixed 하단 border 는 1px solid --gray-100 이다', () => {
-    // Given/When: fixed modifier 규칙을 찾으면
-    const declarations = declarationsOf(FIXED);
-    // Then: 기존 Gray/300 이 아니라 Gray/100 border 를 쓴다
-    (0, _vitest.expect)(declarations).toContain('border-bottom: 1px solid var(--gray-100)');
-    (0, _vitest.expect)(declarations).not.toContain('border-bottom: 1px solid var(--gray-300)');
-  });
-  (0, _vitest.it)('.ncua-page-title--fixed 에 box-shadow 가 없다', () => {
-    // Given/When: fixed modifier 규칙의 속성을 모으면
-    // Then: 그림자를 지정하지 않는다
-    (0, _vitest.expect)(propertiesOf(FIXED)).not.toContain('box-shadow');
-  });
-  (0, _vitest.it)('Fixed 의 page-header 패딩은 12px 40px 로 유지된다', () => {
-    // Given/When: fixed 하위 page-header 규칙을 찾으면
-    // Then: 기존 Fixed 패딩이 그대로다 (범위 밖)
-    (0, _vitest.expect)(declarationsOf(FIXED_PAGE_HEADER)).toContain('padding: 12px 40px');
-  });
-  (0, _vitest.it)('Fixed sticky 동작(position·top·z-index)은 유지된다', () => {
-    // Given/When: fixed modifier 규칙을 찾으면
-    const declarations = declarationsOf(FIXED);
-    // Then: 기존 sticky 선언이 그대로다
-    (0, _vitest.expect)(declarations).toContain('position: sticky');
-    (0, _vitest.expect)(declarations).toContain('top: 0');
-    (0, _vitest.expect)(declarations).toContain('z-index: 999');
-  });
-});
-(0, _vitest.describe)('PageTitle 스타일 — 토큰 사용', () => {
-  (0, _vitest.it)('배경·border 색상에 하드코딩 값 없이 CSS 변수만 쓴다 (ADR-4)', () => {
-    // Given/When: 루트·fixed 규칙의 배경·border 선언을 모으면
-    const colorDeclarations = [...declarationsOf(ROOT), ...declarationsOf(FIXED)].filter(declaration => /^(background|border-bottom)/.test(declaration));
-    // Then: hex·rgb·색 이름 대신 var(--*) 만 쓴다
-    (0, _vitest.expect)(colorDeclarations.length).toBeGreaterThan(0);
-    for (const declaration of colorDeclarations) {
-      (0, _vitest.expect)(declaration).not.toMatch(/#[0-9a-f]{3,8}\b|rgba?\(|(?<![-\w])white\b/i);
-      (0, _vitest.expect)(declaration).toMatch(/var\(--[a-z0-9-]+\)/);
-    }
-  });
-});

package/dist/esm/src/components/layout/page-title/__tests__/pageTitleStyle.test.js

@@ -1,91 +0,0 @@
-import path from 'node:path';
-import { compile as compileSass } from 'sass';
-import { describe, expect, it } from 'vitest';
-// 배경·그림자·패딩은 jsdom 에서 계산되지 않으므로, 컴파일된 CSS 에서 variant 별 규칙을 검사한다.
-// (input-base/__tests__/inputAutofill.test.ts 와 같은 방식 — 컴포넌트 SCSS 엔트리를 직접 컴파일)
-const PAGE_TITLE_SCSS_PATH = path.resolve(__dirname, '../../../../../assets/styles/components/page-title/_index.scss');
-const compiledPageTitleCss = compileSass(PAGE_TITLE_SCSS_PATH).css;
-/** 선택자 → 선언 목록. 같은 선택자가 여러 규칙에 나오면 선언을 이어 붙인다. */
-const parseRules = css => {
-  const rules = new Map();
-  for (const [, selectorList, body] of css.matchAll(/([^{}]+)\{([^{}]*)\}/g)) {
-    const declarations = body.split(';').map(declaration => declaration.trim().replace(/\s+/g, ' ')).filter(Boolean);
-    for (const selector of selectorList.split(',').map(selector => selector.trim().replace(/\s+/g, ' '))) {
-      rules.set(selector, [...(rules.get(selector) ?? []), ...declarations]);
-    }
-  }
-  return rules;
-};
-const rules = parseRules(compiledPageTitleCss);
-const declarationsOf = selector => rules.get(selector) ?? [];
-const propertiesOf = selector => declarationsOf(selector).map(declaration => declaration.split(':')[0].trim());
-const ROOT = '.ncua-page-title';
-const FIXED = '.ncua-page-title--fixed';
-const PAGE_HEADER = '.ncua-page-title__page-header';
-const FIXED_PAGE_HEADER = '.ncua-page-title--fixed .ncua-page-title__page-header';
-describe('PageTitle 스타일 — Default (·Detail)', () => {
-  it('.ncua-page-title 에 background·box-shadow 가 없다 (투명, 그림자 없음)', () => {
-    // Given: 컴파일된 PageTitle CSS 에서
-    // When: 루트 규칙의 속성을 모으면
-    const properties = propertiesOf(ROOT);
-    // Then: 루트 규칙은 존재하지만 배경·그림자를 지정하지 않는다
-    expect(properties.length).toBeGreaterThan(0);
-    expect(properties).not.toContain('background');
-    expect(properties).not.toContain('background-color');
-    expect(properties).not.toContain('box-shadow');
-  });
-  it('.ncua-page-title__page-header 패딩은 32px 40px 0 이다', () => {
-    // Given: 컴파일된 PageTitle CSS 에서
-    // When: page-header 규칙을 찾으면
-    const declarations = declarationsOf(PAGE_HEADER);
-    // Then: 위 32px · 좌우 40px · 아래 0 이다
-    expect(declarations).toContain('padding: 32px 40px 0');
-    expect(declarations).not.toContain('padding: 24px 40px');
-  });
-});
-describe('PageTitle 스타일 — Fixed (·Fixed Detail)', () => {
-  it('.ncua-page-title--fixed 배경은 --gray-50 이다', () => {
-    // Given: 컴파일된 PageTitle CSS 에서
-    // When: fixed modifier 규칙을 찾으면
-    const declarations = declarationsOf(FIXED);
-    // Then: sticky 로 콘텐츠 위에 겹치므로 배경 Gray/50 을 가진다
-    expect(declarations).toContain('background: var(--gray-50)');
-  });
-  it('.ncua-page-title--fixed 하단 border 는 1px solid --gray-100 이다', () => {
-    // Given/When: fixed modifier 규칙을 찾으면
-    const declarations = declarationsOf(FIXED);
-    // Then: 기존 Gray/300 이 아니라 Gray/100 border 를 쓴다
-    expect(declarations).toContain('border-bottom: 1px solid var(--gray-100)');
-    expect(declarations).not.toContain('border-bottom: 1px solid var(--gray-300)');
-  });
-  it('.ncua-page-title--fixed 에 box-shadow 가 없다', () => {
-    // Given/When: fixed modifier 규칙의 속성을 모으면
-    // Then: 그림자를 지정하지 않는다
-    expect(propertiesOf(FIXED)).not.toContain('box-shadow');
-  });
-  it('Fixed 의 page-header 패딩은 12px 40px 로 유지된다', () => {
-    // Given/When: fixed 하위 page-header 규칙을 찾으면
-    // Then: 기존 Fixed 패딩이 그대로다 (범위 밖)
-    expect(declarationsOf(FIXED_PAGE_HEADER)).toContain('padding: 12px 40px');
-  });
-  it('Fixed sticky 동작(position·top·z-index)은 유지된다', () => {
-    // Given/When: fixed modifier 규칙을 찾으면
-    const declarations = declarationsOf(FIXED);
-    // Then: 기존 sticky 선언이 그대로다
-    expect(declarations).toContain('position: sticky');
-    expect(declarations).toContain('top: 0');
-    expect(declarations).toContain('z-index: 999');
-  });
-});
-describe('PageTitle 스타일 — 토큰 사용', () => {
-  it('배경·border 색상에 하드코딩 값 없이 CSS 변수만 쓴다 (ADR-4)', () => {
-    // Given/When: 루트·fixed 규칙의 배경·border 선언을 모으면
-    const colorDeclarations = [...declarationsOf(ROOT), ...declarationsOf(FIXED)].filter(declaration => /^(background|border-bottom)/.test(declaration));
-    // Then: hex·rgb·색 이름 대신 var(--*) 만 쓴다
-    expect(colorDeclarations.length).toBeGreaterThan(0);
-    for (const declaration of colorDeclarations) {
-      expect(declaration).not.toMatch(/#[0-9a-f]{3,8}\b|rgba?\(|(?<![-\w])white\b/i);
-      expect(declaration).toMatch(/var\(--[a-z0-9-]+\)/);
-    }
-  });
-});

package/dist/temp/src/components/layout/page-title/__tests__/pageTitleStyle.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/temp/src/components/layout/page-title/__tests__/pageTitleStyle.test.js

@@ -1,94 +0,0 @@
-import path from 'node:path';
-import { compile as compileSass } from 'sass';
-import { describe, expect, it } from 'vitest';
-// 배경·그림자·패딩은 jsdom 에서 계산되지 않으므로, 컴파일된 CSS 에서 variant 별 규칙을 검사한다.
-// (input-base/__tests__/inputAutofill.test.ts 와 같은 방식 — 컴포넌트 SCSS 엔트리를 직접 컴파일)
-const PAGE_TITLE_SCSS_PATH = path.resolve(__dirname, '../../../../../assets/styles/components/page-title/_index.scss');
-const compiledPageTitleCss = compileSass(PAGE_TITLE_SCSS_PATH).css;
-/** 선택자 → 선언 목록. 같은 선택자가 여러 규칙에 나오면 선언을 이어 붙인다. */
-const parseRules = (css) => {
-    const rules = new Map();
-    for (const [, selectorList, body] of css.matchAll(/([^{}]+)\{([^{}]*)\}/g)) {
-        const declarations = body
-            .split(';')
-            .map((declaration) => declaration.trim().replace(/\s+/g, ' '))
-            .filter(Boolean);
-        for (const selector of selectorList.split(',').map((selector) => selector.trim().replace(/\s+/g, ' '))) {
-            rules.set(selector, [...(rules.get(selector) ?? []), ...declarations]);
-        }
-    }
-    return rules;
-};
-const rules = parseRules(compiledPageTitleCss);
-const declarationsOf = (selector) => rules.get(selector) ?? [];
-const propertiesOf = (selector) => declarationsOf(selector).map((declaration) => declaration.split(':')[0].trim());
-const ROOT = '.ncua-page-title';
-const FIXED = '.ncua-page-title--fixed';
-const PAGE_HEADER = '.ncua-page-title__page-header';
-const FIXED_PAGE_HEADER = '.ncua-page-title--fixed .ncua-page-title__page-header';
-describe('PageTitle 스타일 — Default (·Detail)', () => {
-    it('.ncua-page-title 에 background·box-shadow 가 없다 (투명, 그림자 없음)', () => {
-        // Given: 컴파일된 PageTitle CSS 에서
-        // When: 루트 규칙의 속성을 모으면
-        const properties = propertiesOf(ROOT);
-        // Then: 루트 규칙은 존재하지만 배경·그림자를 지정하지 않는다
-        expect(properties.length).toBeGreaterThan(0);
-        expect(properties).not.toContain('background');
-        expect(properties).not.toContain('background-color');
-        expect(properties).not.toContain('box-shadow');
-    });
-    it('.ncua-page-title__page-header 패딩은 32px 40px 0 이다', () => {
-        // Given: 컴파일된 PageTitle CSS 에서
-        // When: page-header 규칙을 찾으면
-        const declarations = declarationsOf(PAGE_HEADER);
-        // Then: 위 32px · 좌우 40px · 아래 0 이다
-        expect(declarations).toContain('padding: 32px 40px 0');
-        expect(declarations).not.toContain('padding: 24px 40px');
-    });
-});
-describe('PageTitle 스타일 — Fixed (·Fixed Detail)', () => {
-    it('.ncua-page-title--fixed 배경은 --gray-50 이다', () => {
-        // Given: 컴파일된 PageTitle CSS 에서
-        // When: fixed modifier 규칙을 찾으면
-        const declarations = declarationsOf(FIXED);
-        // Then: sticky 로 콘텐츠 위에 겹치므로 배경 Gray/50 을 가진다
-        expect(declarations).toContain('background: var(--gray-50)');
-    });
-    it('.ncua-page-title--fixed 하단 border 는 1px solid --gray-100 이다', () => {
-        // Given/When: fixed modifier 규칙을 찾으면
-        const declarations = declarationsOf(FIXED);
-        // Then: 기존 Gray/300 이 아니라 Gray/100 border 를 쓴다
-        expect(declarations).toContain('border-bottom: 1px solid var(--gray-100)');
-        expect(declarations).not.toContain('border-bottom: 1px solid var(--gray-300)');
-    });
-    it('.ncua-page-title--fixed 에 box-shadow 가 없다', () => {
-        // Given/When: fixed modifier 규칙의 속성을 모으면
-        // Then: 그림자를 지정하지 않는다
-        expect(propertiesOf(FIXED)).not.toContain('box-shadow');
-    });
-    it('Fixed 의 page-header 패딩은 12px 40px 로 유지된다', () => {
-        // Given/When: fixed 하위 page-header 규칙을 찾으면
-        // Then: 기존 Fixed 패딩이 그대로다 (범위 밖)
-        expect(declarationsOf(FIXED_PAGE_HEADER)).toContain('padding: 12px 40px');
-    });
-    it('Fixed sticky 동작(position·top·z-index)은 유지된다', () => {
-        // Given/When: fixed modifier 규칙을 찾으면
-        const declarations = declarationsOf(FIXED);
-        // Then: 기존 sticky 선언이 그대로다
-        expect(declarations).toContain('position: sticky');
-        expect(declarations).toContain('top: 0');
-        expect(declarations).toContain('z-index: 999');
-    });
-});
-describe('PageTitle 스타일 — 토큰 사용', () => {
-    it('배경·border 색상에 하드코딩 값 없이 CSS 변수만 쓴다 (ADR-4)', () => {
-        // Given/When: 루트·fixed 규칙의 배경·border 선언을 모으면
-        const colorDeclarations = [...declarationsOf(ROOT), ...declarationsOf(FIXED)].filter((declaration) => /^(background|border-bottom)/.test(declaration));
-        // Then: hex·rgb·색 이름 대신 var(--*) 만 쓴다
-        expect(colorDeclarations.length).toBeGreaterThan(0);
-        for (const declaration of colorDeclarations) {
-            expect(declaration).not.toMatch(/#[0-9a-f]{3,8}\b|rgba?\(|(?<![-\w])white\b/i);
-            expect(declaration).toMatch(/var\(--[a-z0-9-]+\)/);
-        }
-    });
-});

package/dist/types/src/components/layout/page-title/__tests__/pageTitleStyle.test.d.ts

@@ -1 +0,0 @@
-export {};