@spectrabrain/eds 0.1.1 → 0.2.0

package/dist/tokens.json

@@ -613,6 +613,366 @@
         }
       }
     },
+    "radius-1": {
+      "$type": "dimension",
+      "$value": {
+        "value": 2,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-radius-1"
+        }
+      }
+    },
+    "radius-10": {
+      "$type": "dimension",
+      "$value": {
+        "value": 999,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-radius-10"
+        }
+      }
+    },
+    "radius-2": {
+      "$type": "dimension",
+      "$value": {
+        "value": 4,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-radius-2"
+        }
+      }
+    },
+    "radius-3": {
+      "$type": "dimension",
+      "$value": {
+        "value": 6,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-radius-3"
+        }
+      }
+    },
+    "radius-4": {
+      "$type": "dimension",
+      "$value": {
+        "value": 8,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-radius-4"
+        }
+      }
+    },
+    "radius-5": {
+      "$type": "dimension",
+      "$value": {
+        "value": 10,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-radius-5"
+        }
+      }
+    },
+    "radius-6": {
+      "$type": "dimension",
+      "$value": {
+        "value": 12,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-radius-6"
+        }
+      }
+    },
+    "radius-7": {
+      "$type": "dimension",
+      "$value": {
+        "value": 14,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-radius-7"
+        }
+      }
+    },
+    "radius-8": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-radius-8"
+        }
+      }
+    },
+    "radius-9": {
+      "$type": "dimension",
+      "$value": {
+        "value": 20,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-radius-9"
+        }
+      }
+    },
+    "radius-none": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-radius-none"
+        }
+      }
+    },
+    "spacing-0.5": {
+      "$type": "dimension",
+      "$value": {
+        "value": 2,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-spacing-0\\.5"
+        }
+      }
+    },
+    "spacing-1": {
+      "$type": "dimension",
+      "$value": {
+        "value": 4,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-spacing-1"
+        }
+      }
+    },
+    "spacing-1.5": {
+      "$type": "dimension",
+      "$value": {
+        "value": 6,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-spacing-1\\.5"
+        }
+      }
+    },
+    "spacing-10": {
+      "$type": "dimension",
+      "$value": {
+        "value": 40,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-spacing-10"
+        }
+      }
+    },
+    "spacing-11": {
+      "$type": "dimension",
+      "$value": {
+        "value": 44,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-spacing-11"
+        }
+      }
+    },
+    "spacing-12": {
+      "$type": "dimension",
+      "$value": {
+        "value": 48,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-spacing-12"
+        }
+      }
+    },
+    "spacing-2": {
+      "$type": "dimension",
+      "$value": {
+        "value": 8,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-spacing-2"
+        }
+      }
+    },
+    "spacing-2.5": {
+      "$type": "dimension",
+      "$value": {
+        "value": 10,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-spacing-2\\.5"
+        }
+      }
+    },
+    "spacing-3": {
+      "$type": "dimension",
+      "$value": {
+        "value": 12,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-spacing-3"
+        }
+      }
+    },
+    "spacing-3.5": {
+      "$type": "dimension",
+      "$value": {
+        "value": 14,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-spacing-3\\.5"
+        }
+      }
+    },
+    "spacing-4": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-spacing-4"
+        }
+      }
+    },
+    "spacing-4.5": {
+      "$type": "dimension",
+      "$value": {
+        "value": 18,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-spacing-4\\.5"
+        }
+      }
+    },
+    "spacing-5": {
+      "$type": "dimension",
+      "$value": {
+        "value": 20,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-spacing-5"
+        }
+      }
+    },
+    "spacing-6": {
+      "$type": "dimension",
+      "$value": {
+        "value": 24,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-spacing-6"
+        }
+      }
+    },
+    "spacing-7": {
+      "$type": "dimension",
+      "$value": {
+        "value": 28,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-spacing-7"
+        }
+      }
+    },
+    "spacing-7.5": {
+      "$type": "dimension",
+      "$value": {
+        "value": 30,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-spacing-7\\.5"
+        }
+      }
+    },
+    "spacing-8": {
+      "$type": "dimension",
+      "$value": {
+        "value": 32,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-spacing-8"
+        }
+      }
+    },
+    "spacing-9": {
+      "$type": "dimension",
+      "$value": {
+        "value": 36,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-spacing-9"
+        }
+      }
+    },
+    "spacing-none": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0,
+        "unit": "px"
+      },
+      "$extensions": {
+        "eds": {
+          "cssVariable": "--eds-spacing-none"
+        }
+      }
+    },
     "typography-body1-fontFamily": {
       "$type": "fontFamily",
       "$value": [

package/dist/tokens.mjs

@@ -408,6 +408,276 @@ var tokenMap = /* @__PURE__ */ Object.freeze({
     "value": "#FDE047",
     "cssVariable": "--eds-color-stroke-warning-weak"
   },
+  "radius-1": {
+    "name": "radius-1",
+    "type": "dimension",
+    "value": {
+      "value": 2,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-radius-1"
+  },
+  "radius-10": {
+    "name": "radius-10",
+    "type": "dimension",
+    "value": {
+      "value": 999,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-radius-10"
+  },
+  "radius-2": {
+    "name": "radius-2",
+    "type": "dimension",
+    "value": {
+      "value": 4,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-radius-2"
+  },
+  "radius-3": {
+    "name": "radius-3",
+    "type": "dimension",
+    "value": {
+      "value": 6,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-radius-3"
+  },
+  "radius-4": {
+    "name": "radius-4",
+    "type": "dimension",
+    "value": {
+      "value": 8,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-radius-4"
+  },
+  "radius-5": {
+    "name": "radius-5",
+    "type": "dimension",
+    "value": {
+      "value": 10,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-radius-5"
+  },
+  "radius-6": {
+    "name": "radius-6",
+    "type": "dimension",
+    "value": {
+      "value": 12,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-radius-6"
+  },
+  "radius-7": {
+    "name": "radius-7",
+    "type": "dimension",
+    "value": {
+      "value": 14,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-radius-7"
+  },
+  "radius-8": {
+    "name": "radius-8",
+    "type": "dimension",
+    "value": {
+      "value": 16,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-radius-8"
+  },
+  "radius-9": {
+    "name": "radius-9",
+    "type": "dimension",
+    "value": {
+      "value": 20,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-radius-9"
+  },
+  "radius-none": {
+    "name": "radius-none",
+    "type": "dimension",
+    "value": {
+      "value": 0,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-radius-none"
+  },
+  "spacing-0.5": {
+    "name": "spacing-0.5",
+    "type": "dimension",
+    "value": {
+      "value": 2,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-spacing-0\\.5"
+  },
+  "spacing-1": {
+    "name": "spacing-1",
+    "type": "dimension",
+    "value": {
+      "value": 4,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-spacing-1"
+  },
+  "spacing-1.5": {
+    "name": "spacing-1.5",
+    "type": "dimension",
+    "value": {
+      "value": 6,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-spacing-1\\.5"
+  },
+  "spacing-10": {
+    "name": "spacing-10",
+    "type": "dimension",
+    "value": {
+      "value": 40,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-spacing-10"
+  },
+  "spacing-11": {
+    "name": "spacing-11",
+    "type": "dimension",
+    "value": {
+      "value": 44,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-spacing-11"
+  },
+  "spacing-12": {
+    "name": "spacing-12",
+    "type": "dimension",
+    "value": {
+      "value": 48,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-spacing-12"
+  },
+  "spacing-2": {
+    "name": "spacing-2",
+    "type": "dimension",
+    "value": {
+      "value": 8,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-spacing-2"
+  },
+  "spacing-2.5": {
+    "name": "spacing-2.5",
+    "type": "dimension",
+    "value": {
+      "value": 10,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-spacing-2\\.5"
+  },
+  "spacing-3": {
+    "name": "spacing-3",
+    "type": "dimension",
+    "value": {
+      "value": 12,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-spacing-3"
+  },
+  "spacing-3.5": {
+    "name": "spacing-3.5",
+    "type": "dimension",
+    "value": {
+      "value": 14,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-spacing-3\\.5"
+  },
+  "spacing-4": {
+    "name": "spacing-4",
+    "type": "dimension",
+    "value": {
+      "value": 16,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-spacing-4"
+  },
+  "spacing-4.5": {
+    "name": "spacing-4.5",
+    "type": "dimension",
+    "value": {
+      "value": 18,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-spacing-4\\.5"
+  },
+  "spacing-5": {
+    "name": "spacing-5",
+    "type": "dimension",
+    "value": {
+      "value": 20,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-spacing-5"
+  },
+  "spacing-6": {
+    "name": "spacing-6",
+    "type": "dimension",
+    "value": {
+      "value": 24,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-spacing-6"
+  },
+  "spacing-7": {
+    "name": "spacing-7",
+    "type": "dimension",
+    "value": {
+      "value": 28,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-spacing-7"
+  },
+  "spacing-7.5": {
+    "name": "spacing-7.5",
+    "type": "dimension",
+    "value": {
+      "value": 30,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-spacing-7\\.5"
+  },
+  "spacing-8": {
+    "name": "spacing-8",
+    "type": "dimension",
+    "value": {
+      "value": 32,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-spacing-8"
+  },
+  "spacing-9": {
+    "name": "spacing-9",
+    "type": "dimension",
+    "value": {
+      "value": 36,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-spacing-9"
+  },
+  "spacing-none": {
+    "name": "spacing-none",
+    "type": "dimension",
+    "value": {
+      "value": 0,
+      "unit": "px"
+    },
+    "cssVariable": "--eds-spacing-none"
+  },
   "typography-body1-fontFamily": {
     "name": "typography-body1-fontFamily",
     "type": "fontFamily",
@@ -1210,6 +1480,36 @@ var tokenNames = /* @__PURE__ */ Object.freeze([
   "color-stroke-positive-weak",
   "color-stroke-warning-primary",
   "color-stroke-warning-weak",
+  "radius-1",
+  "radius-10",
+  "radius-2",
+  "radius-3",
+  "radius-4",
+  "radius-5",
+  "radius-6",
+  "radius-7",
+  "radius-8",
+  "radius-9",
+  "radius-none",
+  "spacing-0.5",
+  "spacing-1",
+  "spacing-1.5",
+  "spacing-10",
+  "spacing-11",
+  "spacing-12",
+  "spacing-2",
+  "spacing-2.5",
+  "spacing-3",
+  "spacing-3.5",
+  "spacing-4",
+  "spacing-4.5",
+  "spacing-5",
+  "spacing-6",
+  "spacing-7",
+  "spacing-7.5",
+  "spacing-8",
+  "spacing-9",
+  "spacing-none",
   "typography-body1-fontFamily",
   "typography-body1-fontSize",
   "typography-body1-fontWeight",
@@ -1300,7 +1600,7 @@ function cssVar(name) {
   if (!tokenNames.includes(name)) {
     throw new Error("Unknown semantic token: " + name);
   }
-  return "var(--eds-" + name + ")";
+  return "var(" + tokenMap[name].cssVariable + ")";
 }
 
 export { cssVar, tokenNames, tokens };

package/llms.txt

@@ -11,13 +11,13 @@ EDS 내부 소스로 동작을 추론하지 않고 공개 문서와 TypeScript c
 ## 조건부
 
 - [CONSUMER_AGENT.md](./CONSUMER_AGENT.md): 소비처 `AGENTS.md`에 `<!-- EDS:BEGIN -->` block이 없거나, sync·doctor가 exit 2이거나 sync 뒤에도 doctor가 exit 1이거나, EDS 버전을 올렸거나, 사용자가 프로토타입을 EVA 구조로 정리하라고 요청했을 때(`eds align`) 읽습니다.
-- [TOKEN_CONTEXT.md](./TOKEN_CONTEXT.md): EDS 컴포넌트 prop 밖에서 색상·typography token을 지정하거나 바꿀 때 읽습니다. Tailwind 없이 CSS variable이나 `cssVar()`로 쓰는 경우도 포함합니다.
+- [TOKEN_CONTEXT.md](./TOKEN_CONTEXT.md): EDS 컴포넌트 prop 밖에서 color·typography·spacing·radius token을 지정하거나 바꿀 때 읽습니다. Tailwind 없이 CSS variable이나 `cssVar()`로 쓰는 경우도 포함합니다.
 - [TAILWIND_V4.md](./TAILWIND_V4.md): Tailwind CSS v4 adapter나 root CSS 배선을 설정하거나 고칠 때 읽습니다.
 - [AI.md](./AI.md): 요청이 dark theme, 생성된 class 밖의 Tailwind utility, `AI_CONTEXT.json` `components`에 없는 컴포넌트를 요구할 때 읽습니다.
 - [FRONTEND_CONVENTIONS.md](./FRONTEND_CONVENTIONS.md): `.eds/align/PLAN.md`가 있거나(`eds align` 진행 중), 소비처 `AGENTS.md`가 구조·라이브러리·코드 패턴 변경에 이 문서를 가리킬 때 읽습니다.
 - [dist/components/Button/README.md](./dist/components/Button/README.md): Button을 쓸 때 사용 맥락, role·variant 선택, prop, 접근성, 목록 밖 아이콘 규칙을 읽습니다.
 - [dist/components/Button/spec.json](./dist/components/Button/spec.json): `api.iconNames`의 아이콘 이름을 확인하거나 도구가 기계용 계약을 읽을 때 씁니다.
-- [dist/tokens.json](./dist/tokens.json): 도구·스크립트가 기계용 token manifest를 읽거나, Tailwind 없이 쓸 `var(--eds-*)` 이름을 확인할 때 씁니다. class 이름은 `src/styles/eds-tokens.css`에 있습니다.
+- [dist/tokens.json](./dist/tokens.json): 도구·스크립트가 기계용 token manifest와 public 이름→CSS variable mapping을 읽거나, Tailwind 없이 쓸 `var(--eds-*)` 이름을 확인할 때 씁니다. class 이름은 `src/styles/eds-tokens.css`에 있습니다.
 - [CHANGELOG.md](./CHANGELOG.md): EDS 버전을 올렸을 때(설치된 버전이 `AGENTS.md`의 `EDS:VERSION` 줄보다 높을 때) 읽습니다.
 
 ## Optional

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spectrabrain/eds",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "EVA services' shared React design system",
   "author": "SpectraBrain",
   "license": "UNLICENSED",