@ihabdevteam/core 0.23.1 → 0.25.0

package/dist/packages/core/src/components/ActionCard.css

@@ -1,8 +1,14 @@
 /* 큰 정사각형 선택 카드 — 아이콘 · 제목 · 설명 · 행선지(CTA) */
 .action-card {
-  /* tone 색: main 이 기본, sub 는 modifier 에서 덮는다 */
+  /* tone 색: main 이 기본, sub 는 modifier 에서 덮는다.
+     **면과 글자를 가른다.** --ac-color 는 면을 칠하는 브랜드색이라 흰 카드 위
+     글자로 쓰면 안 읽힌다(main 2.90 · sub 1.91, 본문 기준 4.5). 바닥 행선지
+     글씨는 16px/600 이라 4.5 가 걸리므로 짙은 짝을 따로 둔다.
+     카드 색을 갈아 끼우는 쪽은 **둘 다** 덮어야 한다 — --ac-color 만 바꾸면
+     테두리·칩만 따라오고 글씨는 그대로다. 일부러 그렇게 두었다. */
   --ac-color: var(--color-main);
   --ac-color-a10: var(--color-main-a10);
+  --ac-color-text: var(--color-darkMain);
 
   display: block;
   width: 100%;
@@ -22,6 +28,7 @@
 .action-card--sub {
   --ac-color: var(--color-sub);
   --ac-color-a10: var(--color-sub-a10);
+  --ac-color-text: var(--color-darkSub);
 }
 
 .action-card:focus-visible {
@@ -81,7 +88,8 @@
   font-size: var(--text-body-2-size);
   line-height: var(--text-body-2-line);
   font-weight: var(--text-body-2-weight);
-  color: var(--color-lightGray);
+  /* 테두리색(--color-lightGray, 2.48)이 아니라 글자용 회색을 쓴다 — 16px 본문이다 */
+  color: var(--color-gray);
 }
 
 /* 바닥 행선지 — tone 색, 우측 정렬, 호버에서 화살표가 앞으로 */
@@ -96,7 +104,7 @@
   font-size: var(--text-body-2-size);
   line-height: var(--text-body-2-line);
   font-weight: var(--text-body-2-weight-bold);
-  color: var(--ac-color);
+  color: var(--ac-color-text);
 }
 
 .action-card__arrow {

package/dist/packages/core/src/components/Button.css

@@ -332,9 +332,12 @@
     --button-subLabel-color: var(--color-lightGray);
 }
 
+/* 아래 lightGray 변형과 같은 처리다 — 값이 아니라 **알파**가 문제다.
+   --color-gray 는 흰 지면에서 4.67 로 통과하는데, a80 을 얹어 #828fa2 로 합성되면
+   3.20 으로 떨어진다. 전경만 불투명하게 올리고 테두리의 연한 인상은 그대로 둔다. */
 .button--variant-transparent-gray {
     background: transparent;
-    color: var(--color-gray-a80);
+    color: var(--color-gray);
     --button-subLabel-color: var(--color-gray-a60);
     border: var(--button-border, 1px solid var(--color-gray-a80));
 }

package/dist/packages/core/src/components/Dropdown.css

@@ -79,8 +79,10 @@
   text-overflow: ellipsis;
 }
 
+/* 자리표시 글씨도 읽혀야 한다 — 테두리색(--color-lightGray, 2.42)이 아니라
+   글자용 회색을 쓴다. WCAG 는 placeholder 를 예외로 두지 않는다(비활성만 예외다). */
 .dropdown__trigger-label--placeholder {
-  color: var(--color-lightGray);
+  color: var(--color-gray);
 }
 
 .dropdown__chevron {

package/dist/packages/core/src/components/LandingHeader.css

@@ -6,7 +6,8 @@
      --landing-header-border       아래 경계선 (기본 rgba(15,18,60,.05), transparent 로 끌 수 있음)
      --landing-header-height       높이 (기본 72px)
      --landing-header-link-color   가운데 링크 색 (기본 --color-deepGray)
-     --landing-header-link-hover   링크 hover 색 (기본 --color-main)
+     --landing-header-link-hover   링크 hover 색 (기본 --color-darkMain)
+                                   — 면을 칠하는 --color-main 은 이 지면에서 2.83 이라 글자로 못 쓴다
 ═══════════════════════════════════════════════════════════ */
 
 .landing-header {
@@ -82,7 +83,7 @@
 }
 
 .landing-header__links a:hover {
-  color: var(--landing-header-link-hover, var(--color-main));
+  color: var(--landing-header-link-hover, var(--color-darkMain));
 }
 
 /* hover 시 왼쪽에서 오른쪽으로 차오르는 밑줄 */
@@ -177,7 +178,7 @@
 
 .landing-header__drawer-item a:hover,
 .landing-header__drawer-item a[aria-current='page'] {
-  color: var(--landing-header-link-hover, var(--color-main));
+  color: var(--landing-header-link-hover, var(--color-darkMain));
 }
 
 /* 좁은 화면 — 가운데 링크를 접고 햄버거로 연다 */

package/dist/packages/core/src/components/Table.css

@@ -46,8 +46,10 @@
   color: var(--color-darkGray);
 }
 
+/* 개수는 **글자**다 — 면을 칠하는 --color-main(흰 지면 2.90)이 아니라 짙은 짝을 쓴다.
+   바로 위 __icon 은 그림이라 --color-main 그대로 둔다. */
 .table-header__count {
-  color: var(--color-main);
+  color: var(--color-darkMain);
   flex-shrink: 0;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ihabdevteam/core",
-  "version": "0.23.1",
+  "version": "0.25.0",
   "private": false,
   "main": "dist/ihabdevteam-core.cjs.js",
   "module": "dist/packages/core/src/index.js",
@@ -120,7 +120,8 @@
     "type-test": "tsd",
     "test": "vitest --run --environment jsdom",
     "coverage": "vitest --coverage --run --environment jsdom",
-    "audit:consumers": "node ./scripts/audit-consumers.cjs"
+    "audit:consumers": "node ./scripts/audit-consumers.cjs",
+    "audit:contrast": "node ./scripts/audit-contrast.cjs"
   },
   "vitest": {
     "setupFiles": [