@spectrabrain/eds 0.0.3 → 0.0.4

package/dist/tokens.mjs

@@ -12,6 +12,18 @@ var tokenMap = {
     "value": "#DB3700",
     "cssVariable": "--eds-color-bg-brand-primary-hover"
   },
+  "color-bg-brand-weak": {
+    "name": "color-bg-brand-weak",
+    "type": "color",
+    "value": "#FFA081",
+    "cssVariable": "--eds-color-bg-brand-weak"
+  },
+  "color-bg-brand-weak-hover": {
+    "name": "color-bg-brand-weak-hover",
+    "type": "color",
+    "value": "#FF7141",
+    "cssVariable": "--eds-color-bg-brand-weak-hover"
+  },
   "color-bg-critical-primary": {
     "name": "color-bg-critical-primary",
     "type": "color",
@@ -27,13 +39,13 @@ var tokenMap = {
   "color-bg-critical-weak": {
     "name": "color-bg-critical-weak",
     "type": "color",
-    "value": "#FEF2F2",
+    "value": "#FEE2E2",
     "cssVariable": "--eds-color-bg-critical-weak"
   },
   "color-bg-critical-weak-hover": {
     "name": "color-bg-critical-weak-hover",
     "type": "color",
-    "value": "#FEE2E2",
+    "value": "#FECACA",
     "cssVariable": "--eds-color-bg-critical-weak-hover"
   },
   "color-bg-disabled": {
@@ -57,13 +69,13 @@ var tokenMap = {
   "color-bg-informative-weak": {
     "name": "color-bg-informative-weak",
     "type": "color",
-    "value": "#EFF6FF",
+    "value": "#DBEAFE",
     "cssVariable": "--eds-color-bg-informative-weak"
   },
   "color-bg-informative-weak-hover": {
     "name": "color-bg-informative-weak-hover",
     "type": "color",
-    "value": "#DBEAFE",
+    "value": "#BFDBFE",
     "cssVariable": "--eds-color-bg-informative-weak-hover"
   },
   "color-bg-layer-basement": {
@@ -72,6 +84,12 @@ var tokenMap = {
     "value": "#F3F4F6",
     "cssVariable": "--eds-color-bg-layer-basement"
   },
+  "color-bg-layer-basement-hover": {
+    "name": "color-bg-layer-basement-hover",
+    "type": "color",
+    "value": "#ECEEF1",
+    "cssVariable": "--eds-color-bg-layer-basement-hover"
+  },
   "color-bg-layer-default": {
     "name": "color-bg-layer-default",
     "type": "color",
@@ -147,13 +165,13 @@ var tokenMap = {
   "color-bg-positive-weak": {
     "name": "color-bg-positive-weak",
     "type": "color",
-    "value": "#F0FDF4",
+    "value": "#DCFCE7",
     "cssVariable": "--eds-color-bg-positive-weak"
   },
   "color-bg-positive-weak-hover": {
     "name": "color-bg-positive-weak-hover",
     "type": "color",
-    "value": "#DCFCE7",
+    "value": "#BBF7D0",
     "cssVariable": "--eds-color-bg-positive-weak-hover"
   },
   "color-bg-transparent": {
@@ -183,13 +201,13 @@ var tokenMap = {
   "color-bg-warning-weak": {
     "name": "color-bg-warning-weak",
     "type": "color",
-    "value": "#FEFCE8",
+    "value": "#FEF9C3",
     "cssVariable": "--eds-color-bg-warning-weak"
   },
   "color-bg-warning-weak-hover": {
     "name": "color-bg-warning-weak-hover",
     "type": "color",
-    "value": "#FEF9C3",
+    "value": "#FEF08A",
     "cssVariable": "--eds-color-bg-warning-weak-hover"
   },
   "color-fg-brand": {
@@ -291,7 +309,7 @@ var tokenMap = {
   "color-fg-warning-contrast": {
     "name": "color-fg-warning-contrast",
     "type": "color",
-    "value": "#713F12",
+    "value": "#A16207",
     "cssVariable": "--eds-color-fg-warning-contrast"
   },
   "color-stroke-brand-primary": {
@@ -351,9 +369,15 @@ var tokenMap = {
   "color-stroke-neutral-secondary": {
     "name": "color-stroke-neutral-secondary",
     "type": "color",
-    "value": "#E5E7EB",
+    "value": "#9CA3AF",
     "cssVariable": "--eds-color-stroke-neutral-secondary"
   },
+  "color-stroke-neutral-tertiary": {
+    "name": "color-stroke-neutral-tertiary",
+    "type": "color",
+    "value": "#E5E7EB",
+    "cssVariable": "--eds-color-stroke-neutral-tertiary"
+  },
   "color-stroke-neutral-weak": {
     "name": "color-stroke-neutral-weak",
     "type": "color",
@@ -900,6 +924,49 @@ var tokenMap = {
     },
     "cssVariable": "--eds-typography-heading3-lineHeight"
   },
+  "typography-heading4-fontFamily": {
+    "name": "typography-heading4-fontFamily",
+    "type": "fontFamily",
+    "value": [
+      "Pretendard",
+      "system-ui",
+      "sans-serif"
+    ],
+    "cssVariable": "--eds-typography-heading4-fontFamily"
+  },
+  "typography-heading4-fontSize": {
+    "name": "typography-heading4-fontSize",
+    "type": "dimension",
+    "value": {
+      "value": 1.25,
+      "unit": "rem"
+    },
+    "cssVariable": "--eds-typography-heading4-fontSize"
+  },
+  "typography-heading4-fontWeight": {
+    "name": "typography-heading4-fontWeight",
+    "type": "fontWeight",
+    "value": 550,
+    "cssVariable": "--eds-typography-heading4-fontWeight"
+  },
+  "typography-heading4-letterSpacing": {
+    "name": "typography-heading4-letterSpacing",
+    "type": "dimension",
+    "value": {
+      "value": -0.2,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-typography-heading4-letterSpacing"
+  },
+  "typography-heading4-lineHeight": {
+    "name": "typography-heading4-lineHeight",
+    "type": "dimension",
+    "value": {
+      "value": 2,
+      "unit": "rem"
+    },
+    "cssVariable": "--eds-typography-heading4-lineHeight"
+  },
   "typography-title1-fontFamily": {
     "name": "typography-title1-fontFamily",
     "type": "fontFamily",
@@ -1077,6 +1144,8 @@ var tokens = Object.freeze(tokenMap);
 var tokenNames = Object.freeze([
   "color-bg-brand-primary",
   "color-bg-brand-primary-hover",
+  "color-bg-brand-weak",
+  "color-bg-brand-weak-hover",
   "color-bg-critical-primary",
   "color-bg-critical-primary-hover",
   "color-bg-critical-weak",
@@ -1087,6 +1156,7 @@ var tokenNames = Object.freeze([
   "color-bg-informative-weak",
   "color-bg-informative-weak-hover",
   "color-bg-layer-basement",
+  "color-bg-layer-basement-hover",
   "color-bg-layer-default",
   "color-bg-layer-default-hover",
   "color-bg-layer-floating",
@@ -1134,6 +1204,7 @@ var tokenNames = Object.freeze([
   "color-stroke-neutral-contrast",
   "color-stroke-neutral-primary",
   "color-stroke-neutral-secondary",
+  "color-stroke-neutral-tertiary",
   "color-stroke-neutral-weak",
   "color-stroke-positive-primary",
   "color-stroke-positive-weak",
@@ -1199,6 +1270,11 @@ var tokenNames = Object.freeze([
   "typography-heading3-fontWeight",
   "typography-heading3-letterSpacing",
   "typography-heading3-lineHeight",
+  "typography-heading4-fontFamily",
+  "typography-heading4-fontSize",
+  "typography-heading4-fontWeight",
+  "typography-heading4-letterSpacing",
+  "typography-heading4-lineHeight",
   "typography-title1-fontFamily",
   "typography-title1-fontSize",
   "typography-title1-fontWeight",

package/llms.txt

@@ -3,9 +3,10 @@
 이 패키지는 React 웹용 EVA 디자인 시스템입니다. 다음 순서로 문서를 읽습니다.
 
 1. [AI 사용 규칙](./AI.md)을 읽고 공개 범위와 금지 사례를 확인합니다.
-2. [Button 개요·사용 맥락·API](./dist/components/Button/README.md)를 읽은 뒤 컴포넌트를 사용합니다.
-3. [Button 공개 manifest](./dist/components/Button/spec.json)에서 허용 조합과 접근성 계약을 확인합니다.
-4. [semantic token manifest](./dist/tokens.json)에서 사용 가능한 token 이름을 확인합니다.
-5. [npm 소비자 안내](./README.md)에서 설치와 CSS 진입점을 확인합니다.
+2. Tailwind CSS v4에서 token만 연결하려면 [Tailwind CSS v4 token 설정](./TAILWIND_V4.md)을 읽습니다.
+3. [semantic token manifest](./dist/tokens.json)에서 사용 가능한 token 이름을 확인합니다.
+4. [npm 소비자 안내](./README.md)에서 설치와 CSS 진입점을 확인합니다.
+5. 컴포넌트를 사용할 때만 [Button 개요·사용 맥락·API](./dist/components/Button/README.md)를 읽습니다.
+6. Button을 사용할 때만 [Button 공개 manifest](./dist/components/Button/spec.json)에서 허용 조합과 접근성 계약을 확인합니다.
 
 문서에 없는 API나 시각 상태를 추측하지 않습니다. 구현보다 문서와 TypeScript contract를 우선합니다.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spectrabrain/eds",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "EVA services' shared React design system",
   "author": "SpectraBrain",
   "license": "UNLICENSED",
@@ -13,6 +13,7 @@
     "README.md",
     "AI.md",
     "llms.txt",
+    "TAILWIND_V4.md",
     "NOTICE"
   ],
   "scripts": {
@@ -109,6 +110,7 @@
     "./components/Button/README.md": "./dist/components/Button/README.md",
     "./components/Button/spec.json": "./dist/components/Button/spec.json",
     "./llms.txt": "./llms.txt",
+    "./TAILWIND_V4.md": "./TAILWIND_V4.md",
     "./package.json": "./package.json"
   }
 }