@xfilecom/front-core 0.1.0 → 0.2.5

package/dist/tokens.css

@@ -1,7 +1,83 @@
+/**
+ * Design tokens — `xframe/html/html` (business-promotion Figma export) 기준.
+ * 참고: main.html, navi_default.html, login_01.html 등 인라인 스타일에서 추출.
+ */
 :root {
-  --xfc-bg: #0f1419;
-  --xfc-fg: #e7ecf3;
-  --xfc-accent: #3b82f6;
-  --xfc-radius-sm: 6px;
+  /* Surfaces */
+  --xfc-bg: #ffffff;
+  --xfc-bg-elevated: #ffffff;
+  --xfc-bg-muted: #f8f8f8;
+  --xfc-bg-disabled: #eaeaea;
+
+  /* Text */
+  --xfc-fg: #1c252f;
+  --xfc-fg-strong: #000000;
+  --xfc-fg-label: #1d2125;
+  --xfc-fg-muted: #777777;
+  --xfc-fg-placeholder: #c7c7c7;
+  --xfc-fg-icon: #464c50;
+
+  /* Lines */
+  --xfc-border: #ededed;
+  --xfc-border-strong: #d4d4d4;
+  --xfc-border-header: #e9e8e6;
+
+  /* Brand */
+  --xfc-accent: #2a5bff;
+  --xfc-accent-hover: #2248e6;
+  --xfc-accent-fg: #ffffff;
+
+  /* Status */
+  --xfc-danger: #f43b3c;
+  --xfc-success: #059669;
+  --xfc-success-bg: #d1fae5;
+  --xfc-warning: #d97706;
+  --xfc-warning-bg: #fef3c7;
+
+  /* Toasts (business-promotion client index.css 와 동일 톤) */
+  --xfc-toast-info-bg: #1c252f;
+  --xfc-toast-success-bg: #19af66;
+  --xfc-toast-warn-bg: #e8a317;
+  --xfc-toast-error-bg: #f43b3c;
+  --xfc-toast-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  --xfc-toast-radius: 6px;
+
+  /* Effects */
+  --xfc-input-shadow: 0 7px 64px rgba(0, 0, 0, 0.07);
+  --xfc-card-shadow: 0 1px 2px rgba(28, 37, 47, 0.06);
+
+  /* Radius (px 그대로 — 디자인 5 / 10 / pill) */
+  --xfc-radius-xs: 5px;
+  --xfc-radius-sm: 5px;
+  --xfc-radius-md: 10px;
+  --xfc-radius-lg: 10px;
+  --xfc-radius-full: 9999px;
+
+  /* Space */
+  --xfc-space-xs: 4px;
+  --xfc-space-sm: 8px;
   --xfc-space-md: 12px;
+  --xfc-space-lg: 16px;
+  --xfc-space-xl: 24px;
+  --xfc-space-2xl: 32px;
+
+  /* Typography — Pretendard Variable (+ 로고용 Poppins 는 앱에서 별도) */
+  --xfc-font-sans: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui,
+    Roboto, 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif;
+  --xfc-font-mono: ui-monospace, 'Cascadia Code', 'SF Mono', Menlo, monospace;
+
+  --xfc-text-display: 2.5rem;
+  --xfc-text-appbar: 1.375rem;
+  --xfc-text-section: 1.125rem;
+  --xfc-text-body: 1rem;
+  --xfc-text-small: 0.875rem;
+  --xfc-text-input: 0.9375rem;
+
+  --xfc-leading-tight: 1.25;
+  --xfc-leading-normal: 1.5;
+  --xfc-leading-label: 22px;
+  --xfc-leading-menu: 50px;
+
+  /* Focus */
+  --xfc-focus-ring: 0 0 0 3px color-mix(in srgb, var(--xfc-accent) 35%, transparent);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xfilecom/front-core",
-  "version": "0.1.0",
-  "description": "Shared React tokens (browser-only; no Nest dependency)",
+  "version": "0.2.5",
+  "description": "Shared design tokens, base CSS, and atomic React components (browser-only; no Nest dependency)",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -9,22 +9,33 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
-    "./tokens.css": "./dist/tokens.css"
+    "./tokens.css": "./dist/tokens.css",
+    "./base.css": "./dist/base.css",
+    "./atoms": {
+      "types": "./dist/components/atoms/index.d.ts",
+      "default": "./dist/components/atoms/index.js"
+    }
   },
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "prepublishOnly": "npm run build",
     "build": "npm run build:ts && npm run build:css",
     "build:ts": "tsc",
-    "build:css": "cp src/tokens.css dist/tokens.css"
+    "build:css": "cp src/tokens.css dist/tokens.css && cp src/base.css dist/base.css"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
   "peerDependenciesMeta": {
-    "react": { "optional": true },
-    "react-dom": { "optional": true }
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@types/react": "^18.2.0",