podo-ui 0.4.1 → 0.4.3

package/{readme.md → README.ko.md}

@@ -2,6 +2,8 @@
 
 > SCSS Module 기반 디자인 시스템
 
+[English](./README.md) | 한국어
+
 ## 설치
 
 ```bash

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.1",
+  "version": "0.4.3",
   "type": "module",
   "author": "hada0127 <work@tarucy.net>",
   "license": "MIT",
@@ -71,6 +71,7 @@
   },
   "dependencies": {
     "next": "14.1.0",
+    "next-intl": "^4.5.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "sass": "^1.83.0",

package/scss/form/input.scss

@@ -28,7 +28,7 @@ input[type='datetime'] {
     border: 1px solid color('border-disabled');
     outline: none;
   }
-  &:placeholder {
+  &::placeholder {
     color: color('text-action-disabled');
   }
   &:focus-visible:not(:disabled):not(:read-only),

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;
 }