podo-ui 0.4.2 → 0.4.3

package/README.md

@@ -0,0 +1,66 @@
+# Podo UI
+
+> Modern SCSS Module-based Design System
+
+English | [한국어](./README.ko.md)
+
+## Installation
+
+```bash
+npm install podo-ui
+```
+
+## Quick Start
+
+### Apply Global SCSS
+
+```typescript
+// main.tsx
+import 'podo-ui/global.scss';
+import 'podo-ui/vite-fonts.scss'; // When using Vite
+```
+
+### Use in SCSS Modules
+
+```scss
+// component.module.scss
+@use 'podo-ui/mixin' as *;
+
+.myComponent {
+  color: color(primary);
+  margin: s(4);
+  border-radius: r(2);
+}
+```
+
+### React Components
+
+```tsx
+// Import individual components using named imports
+import { Input, Textarea, Editor, EditorView, Field, Pagination } from 'podo-ui';
+
+// Or import components directly (legacy method)
+import Input from 'podo-ui/react/atom/input';
+import Field from 'podo-ui/react/molecule/field';
+```
+
+## Key Features
+
+- CSS class-based design system
+- Responsive grid system (PC 12, Tablet 6, Mobile 4)
+- Color system with dark mode support
+- React components (Input, Textarea, Editor, Field)
+
+## Documentation
+
+For detailed usage, please refer to the [official documentation](https://podoui.com).
+
+## Links
+
+- [Official Documentation](https://podoui.com)
+- [GitHub Repository](https://github.com/hada0127/podo-ui)
+- [Report Issues](https://github.com/hada0127/podo-ui/issues)
+
+## License
+
+MIT

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "podo-ui",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "type": "module",
   "author": "hada0127 <work@tarucy.net>",
   "license": "MIT",

package/scss/typo/font-family.scss

@@ -1,80 +1,62 @@
 @font-face {
   font-family: 'Pretendard';
   font-weight: 900;
-  src:
-    local('Pretendard Black'),
-    url(./font/Pretendard-Black.woff2) format('woff2');
+  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
   font-display: swap;
 }
 
 @font-face {
   font-family: 'Pretendard';
   font-weight: 800;
-  src:
-    local('Pretendard ExtraBold'),
-    url(./font/Pretendard-ExtraBold.woff2) format('woff2');
+  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
   font-display: swap;
 }
 
 @font-face {
   font-family: 'Pretendard';
   font-weight: 700;
-  src:
-    local('Pretendard Bold'),
-    url(./font/Pretendard-Bold.woff2) format('woff2');
+  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
   font-display: swap;
 }
 
 @font-face {
   font-family: 'Pretendard';
   font-weight: 600;
-  src:
-    local('Pretendard SemiBold'),
-    url(./font/Pretendard-SemiBold.woff2) format('woff2');
+  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
   font-display: swap;
 }
 
 @font-face {
   font-family: 'Pretendard';
   font-weight: 500;
-  src:
-    local('Pretendard Medium'),
-    url(./font/Pretendard-Medium.woff2) format('woff2');
+  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
   font-display: swap;
 }
 
 @font-face {
   font-family: 'Pretendard';
   font-weight: 400;
-  src:
-    local('Pretendard Regular'),
-    url(./font/Pretendard-Regular.woff2) format('woff2');
+  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
   font-display: swap;
 }
 
 @font-face {
   font-family: 'Pretendard';
   font-weight: 300;
-  src:
-    local('Pretendard Light'),
-    url(./font/Pretendard-Light.woff2) format('woff2');
+  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
   font-display: swap;
 }
 
 @font-face {
   font-family: 'Pretendard';
   font-weight: 200;
-  src:
-    local('Pretendard ExtraLight'),
-    url(./font/Pretendard-ExtraLight.woff2) format('woff2');
+  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
   font-display: swap;
 }
 
 @font-face {
   font-family: 'Pretendard';
   font-weight: 100;
-  src:
-    local('Pretendard Thin'),
-    url(./font/Pretendard-Thin.woff2) format('woff2');
+  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
   font-display: swap;
 }

package/readme.md

@@ -1,64 +0,0 @@
-# Podo UI
-
-> SCSS Module 기반 디자인 시스템
-
-## 설치
-
-```bash
-npm install podo-ui
-```
-
-## 빠른 시작
-
-### Global SCSS 적용
-
-```typescript
-// main.tsx
-import 'podo-ui/global.scss';
-import 'podo-ui/vite-fonts.scss'; // Vite 사용 시
-```
-
-### SCSS Module에서 사용
-
-```scss
-// component.module.scss
-@use 'podo-ui/mixin' as *;
-
-.myComponent {
-  color: color(primary);
-  margin: s(4);
-  border-radius: r(2);
-}
-```
-
-### React 컴포넌트
-
-```tsx
-// Named imports로 개별 컴포넌트 가져오기
-import { Input, Textarea, Editor, EditorView, Field, Pagination } from 'podo-ui';
-
-// 또는 개별 컴포넌트 직접 import (레거시 방식)
-import Input from 'podo-ui/react/atom/input';
-import Field from 'podo-ui/react/molecule/field';
-```
-
-## 주요 기능
-
-- CSS 클래스 기반 디자인 시스템
-- 반응형 그리드 시스템 (PC 12, Tablet 6, Mobile 4)
-- 색상 시스템 및 다크 모드 지원
-- React 컴포넌트 제공 (Input, Textarea, Editor, Field)
-
-## 문서
-
-상세한 사용법은 [공식 설명서](https://podoui.com)를 참고하세요.
-
-## 링크
-
-- [공식 설명서](https://podoui.com)
-- [GitHub 저장소](https://github.com/hada0127/podo-ui)
-- [이슈 제보](https://github.com/hada0127/podo-ui/issues)
-
-## 라이선스
-
-MIT