asharyu-design-token 2.0.4 → 2.1.0

package/dist/index.js

@@ -325,6 +325,30 @@ var fontSize = Object.freeze({
   }
 });
 var semanticFontSize = fontSize.schema;
+var fontFamily = Object.freeze({
+  serif: "'Gowun Batang', 'Noto Serif KR', serif",
+  sans: "'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Apple SD Gothic Neo', sans-serif",
+  mono: "'JetBrains Mono', 'Fira Code', Menlo, monospace"
+});
+var fontWeight = Object.freeze({
+  light: "300",
+  regular: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700"
+});
+var lineHeight = Object.freeze({
+  tight: "1.25",
+  normal: "1.5",
+  relaxed: "1.75",
+  loose: "2.0"
+});
+var letterSpacing = Object.freeze({
+  tight: "-0.02em",
+  normal: "0em",
+  wide: "0.04em",
+  loose: "0.08em"
+});
 
 // src/motion/index.ts
 var motion = Object.freeze({
@@ -372,16 +396,81 @@ var interaction = Object.freeze({
   }
 });
 
+// src/spacing/index.ts
+var spacing = Object.freeze({
+  compact: "0.25rem",
+  fine: "0.5rem",
+  moderate: "0.75rem",
+  base: "1rem",
+  void: "1.5rem",
+  wide: "2rem",
+  spacious: "3rem",
+  vast: "4rem"
+});
+
+// src/radius/index.ts
+var radius = Object.freeze({
+  sharp: "0px",
+  delicate: "0.25rem",
+  gentle: "0.5rem",
+  smooth: "0.75rem",
+  prominent: "1rem",
+  full: "9999px"
+});
+
+// src/elevation/index.ts
+var elevation = Object.freeze({
+  none: "none",
+  damMuk: "0 1px 3px var(--asharyu-color-semantic-bleed-soft), 0 2px 8px var(--asharyu-color-semantic-bleed-primary)",
+  jungMuk: "0 4px 16px var(--asharyu-color-semantic-bleed-primary), 0 2px 4px var(--asharyu-color-semantic-bleed-soft)",
+  nongMuk: "0 12px 32px var(--asharyu-color-semantic-bleed-primary), 0 4px 12px var(--asharyu-color-semantic-bleed-soft)",
+  gukMuk: "0 20px 48px var(--asharyu-color-semantic-bleed-primary), 0 8px 16px var(--asharyu-color-semantic-bleed-soft)"
+});
+
+// src/zIndex/index.ts
+var zIndex = Object.freeze({
+  base: "0",
+  raised: "1",
+  docked: "10",
+  sticky: "100",
+  dropdown: "200",
+  backdrop: "500",
+  modal: "600",
+  popover: "700",
+  toast: "800",
+  tooltip: "900",
+  max: "9999"
+});
+
 // src/index.ts
+var semanticActiveAndThemes = Object.freeze({
+  ...semanticValue.light,
+  light: semanticValue.light,
+  dark: semanticValue.dark
+});
 var color = Object.freeze({
   raw: colorValue,
-  semantic: semanticValue
+  semantic: semanticActiveAndThemes
 });
 var font = Object.freeze({
   rawRem: rawFontSizeRem,
-  semantic: semanticFontSize
+  semantic: semanticFontSize,
+  family: fontFamily,
+  weight: fontWeight,
+  lineHeight,
+  letterSpacing
 });
-var AsharyuDesignToken = { color, font, motion, stroke, interaction };
+var AsharyuDesignToken = {
+  color,
+  font,
+  spacing,
+  radius,
+  elevation,
+  zIndex,
+  motion,
+  stroke,
+  interaction
+};
 var normalizeKey = (key) => key.replace(/^\$/, "").replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 var createBridge = (obj, path = ["asharyu"]) => {
   const bridge = {};
@@ -404,9 +493,20 @@ export {
   colorValue,
   css,
   src_default as default,
+  elevation,
+  fontFamily,
+  fontWeight,
+  interaction,
+  letterSpacing,
+  lineHeight,
+  motion,
   normalizeKey,
+  radius,
   rawFontSizeRem,
   semanticFontSize,
   semanticValue,
-  tokens
+  spacing,
+  stroke,
+  tokens,
+  zIndex
 };

package/dist/radius/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Asharyu Design System - Radius Tokens
+ * 곡률의 미학: 검의 예리한 직선부터 태극의 완만한 곡선까지 모서리의 성격을 규정합니다.
+ */
+export declare const radius: Readonly<{
+    /** 예리함: 검으로 벤 듯한 각진 모서리 (0px) */
+    sharp: "0px";
+    /** 정갈함: 절제된 최소 곡선 (4px) */
+    delicate: "0.25rem";
+    /** 온화함: 부드러운 상생의 곡률 (8px) */
+    gentle: "0.5rem";
+    /** 유려함: 담채의 번짐처럼 유연한 곡률 (12px) */
+    smooth: "0.75rem";
+    /** 원만함: 카드 및 컨테이너를 위한 넉넉한 둥글림 (16px) */
+    prominent: "1rem";
+    /** 태극: 뱃지, 필, 아바타, 원형 버튼을 위한 완전한 둥글림 */
+    full: "9999px";
+}>;
+export type RadiusType = typeof radius;
+export default radius;

package/dist/spacing/index.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Asharyu Design System - Spacing & Void Tokens
+ * 여백(餘白, Void)의 미학: 수묵과 한지의 숨구멍을 형성하는 공간 정의입니다.
+ */
+export declare const spacing: Readonly<{
+    /** 찰나: 아이콘 간격, 태그 내부 등 초미세 간격 (4px) */
+    compact: "0.25rem";
+    /** 세목: 인라인 요소, 작은 패딩 등 정갈한 간격 (8px) */
+    fine: "0.5rem";
+    /** 근거리: 폼 컨트롤 내부, 리스트 아이템 간격 (12px) */
+    moderate: "0.75rem";
+    /** 평상: 기본 패딩, 카드 내부 간격 (16px) */
+    base: "1rem";
+    /** 여백: 컴포넌트 간 여백, 한지의 숨구멍 (24px) */
+    void: "1.5rem";
+    /** 심원: 섹션 내부 그룹핑 여백 (32px) */
+    wide: "2rem";
+    /** 대여백: 주요 컴포넌트 및 섹션 간 여백 (48px) */
+    spacious: "3rem";
+    /** 광막: 페이지 레벨의 시원한 여백 (64px) */
+    vast: "4rem";
+}>;
+export type SpacingType = typeof spacing;
+export default spacing;