podo-ui 0.1.39 → 0.1.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "podo-ui",
-  "version": "0.1.39",
+  "version": "0.1.41",
   "type": "module",
   "author": "hada0127 <work@tarucy.net>",
   "license": "MIT",
@@ -12,13 +12,6 @@
     "url": "https://github.com/hada0127/podo-ui/issues"
   },
   "homepage": "https://github.com/hada0127/podo-ui#readme",
-  "exports": {
-    ".": "./index.html",
-    "./global.scss": "./global.scss",
-    "./mixin.scss": "./mixin.scss",
-    "./system.scss": "./system.scss",
-    "./react": "./react.ts"
-  },
   "scripts": {
     "dev": "next dev",
     "build": "next build",

package/readme.md

@@ -38,28 +38,21 @@ import 'podo-ui/global.scss';
 }
 ```
 
-### 3. Vite 프로젝트 설정 (선택)
-
-⚠️ **Vite에서 `@use 'podo-ui/mixin'`이 작동하지 않는다면 아래 설정을 추가하세요:**
-
-```javascript
-// vite.config.js
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-import path from 'path';
-
-export default defineConfig({
-  plugins: [react()],
-  resolve: {
-    alias: {
-      'podo-ui/mixin': path.resolve(__dirname, 'node_modules/podo-ui/mixin.scss'),
-      'podo-ui/system': path.resolve(__dirname, 'node_modules/podo-ui/system.scss'),
-    }
-  }
-});
+### 3. Vite 프로젝트 설정 (필수)
+
+⚠️ **Vite를 사용하는 경우 폰트 경로 재정의가 필요합니다!**
+
+Vite에서는 node_modules 내의 상대 경로를 올바르게 처리하지 못할 수 있습니다. `podo-ui/vite-fonts.scss`를 추가로 import하세요:
+
+```typescript
+// main.tsx
+import 'podo-ui/global.scss';
+import 'podo-ui/vite-fonts.scss'; // Vite용 폰트 경로 재정의
 ```
 
-**대부분의 경우 추가 설정 없이 바로 사용 가능합니다.**
+이 파일은 아이콘 폰트와 Pretendard 폰트의 경로를 Vite에서 올바르게 로드되도록 재정의합니다.
+
+**Next.js나 CRA 등 다른 번들러는 `vite-fonts.scss` 없이 사용 가능합니다.**
 
 ---
 

package/scss/icon/function.scss

@@ -1,6 +1,5 @@
-@use 'sass:map';
 @use './icon-name' as *;
 
 @function icon($key) {
-  @return '#{map.get($icon-name, $key)}';
+  @return '#{map-get($icon-name, $key)}';
 }

package/scss/icon/icon.scss

@@ -3,7 +3,7 @@
 
 @font-face {
   font-family: 'podo-ui-icon';
-  src: url('~/podo-ui/scss/icon/font/icon.woff') format('woff');
+  src: url('./font/icon.woff') format('woff');
   font-display: swap;
 }
 :root {

package/scss/layout/bg-elevation.scss

@@ -1,4 +1,3 @@
-@use 'sass:map';
 @use '../color/function' as *;
 /*
   Shadow
@@ -13,7 +12,7 @@ $shadow: (
 );
 
 @function shadow($key) {
-  @return map.get($shadow, $key);
+  @return map-get($shadow, $key);
 }
 
 @each $key, $value in $shadow {

package/scss/layout/border.scss

@@ -1,5 +1,3 @@
-@use 'sass:map';
-
 /*
   Border
 */
@@ -12,7 +10,7 @@ $border: (
 );
 
 @function border($key) {
-  @return map.get($border, $key);
+  @return map-get($border, $key);
 }
 
 @each $key, $value in $border {

package/scss/layout/radius.scss

@@ -1,5 +1,3 @@
-@use 'sass:map';
-
 /*
   Radius
 */
@@ -15,7 +13,7 @@ $r: (
   full: 9999px,
 );
 @function r($key) {
-  @return map.get($r, $key);
+  @return map-get($r, $key);
 }
 
 @each $key, $value in $r {

package/scss/layout/spacing.scss

@@ -1,5 +1,3 @@
-@use 'sass:map';
-
 /*
   Spacing
 */
@@ -21,7 +19,7 @@ $spacing: (
 );
 
 @function s($key) {
-  @return map.get($spacing, $key);
+  @return map-get($spacing, $key);
 }
 
 @each $key, $value in $spacing {

package/scss/typo/font-family.scss

@@ -3,7 +3,7 @@
   font-weight: 900;
   src:
     local('Pretendard Black'),
-    url(~/podo-ui/scss/typo/font/Pretendard-Black.woff2) format('woff2');
+    url(./font/Pretendard-Black.woff2) format('woff2');
   font-display: swap;
 }
 
@@ -12,7 +12,7 @@
   font-weight: 800;
   src:
     local('Pretendard ExtraBold'),
-    url(~/podo-ui/scss/typo/font/Pretendard-ExtraBold.woff2) format('woff2');
+    url(./font/Pretendard-ExtraBold.woff2) format('woff2');
   font-display: swap;
 }
 
@@ -21,7 +21,7 @@
   font-weight: 700;
   src:
     local('Pretendard Bold'),
-    url(~/podo-ui/scss/typo/font/Pretendard-Bold.woff2) format('woff2');
+    url(./font/Pretendard-Bold.woff2) format('woff2');
   font-display: swap;
 }
 
@@ -30,7 +30,7 @@
   font-weight: 600;
   src:
     local('Pretendard SemiBold'),
-    url(~/podo-ui/scss/typo/font/Pretendard-SemiBold.woff2) format('woff2');
+    url(./font/Pretendard-SemiBold.woff2) format('woff2');
   font-display: swap;
 }
 
@@ -39,7 +39,7 @@
   font-weight: 500;
   src:
     local('Pretendard Medium'),
-    url(~/podo-ui/scss/typo/font/Pretendard-Medium.woff2) format('woff2');
+    url(./font/Pretendard-Medium.woff2) format('woff2');
   font-display: swap;
 }
 
@@ -48,7 +48,7 @@
   font-weight: 400;
   src:
     local('Pretendard Regular'),
-    url(~/podo-ui/scss/typo/font/Pretendard-Regular.woff2) format('woff2');
+    url(./font/Pretendard-Regular.woff2) format('woff2');
   font-display: swap;
 }
 
@@ -57,7 +57,7 @@
   font-weight: 300;
   src:
     local('Pretendard Light'),
-    url(~/podo-ui/scss/typo/font/Pretendard-Light.woff2) format('woff2');
+    url(./font/Pretendard-Light.woff2) format('woff2');
   font-display: swap;
 }
 
@@ -66,7 +66,7 @@
   font-weight: 200;
   src:
     local('Pretendard ExtraLight'),
-    url(~/podo-ui/scss/typo/font/Pretendard-ExtraLight.woff2) format('woff2');
+    url(./font/Pretendard-ExtraLight.woff2) format('woff2');
   font-display: swap;
 }
 
@@ -75,6 +75,6 @@
   font-weight: 100;
   src:
     local('Pretendard Thin'),
-    url(~/podo-ui/scss/typo/font/Pretendard-Thin.woff2) format('woff2');
+    url(./font/Pretendard-Thin.woff2) format('woff2');
   font-display: swap;
 }

package/vite-fonts.scss

@@ -0,0 +1,91 @@
+// Vite 프로젝트용 폰트 경로 재정의 파일
+// 사용법: import 'podo-ui/vite-fonts.scss';
+
+// 아이콘 폰트
+@font-face {
+  font-family: 'podo-ui-icon';
+  src: url('podo-ui/scss/icon/font/icon.woff') format('woff');
+  font-display: swap;
+}
+
+// Pretendard 폰트
+@font-face {
+  font-family: 'Pretendard';
+  font-weight: 900;
+  src:
+    local('Pretendard Black'),
+    url(podo-ui/scss/typo/font/Pretendard-Black.woff2) format('woff2');
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Pretendard';
+  font-weight: 800;
+  src:
+    local('Pretendard ExtraBold'),
+    url(podo-ui/scss/typo/font/Pretendard-ExtraBold.woff2) format('woff2');
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Pretendard';
+  font-weight: 700;
+  src:
+    local('Pretendard Bold'),
+    url(podo-ui/scss/typo/font/Pretendard-Bold.woff2) format('woff2');
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Pretendard';
+  font-weight: 600;
+  src:
+    local('Pretendard SemiBold'),
+    url(podo-ui/scss/typo/font/Pretendard-SemiBold.woff2) format('woff2');
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Pretendard';
+  font-weight: 500;
+  src:
+    local('Pretendard Medium'),
+    url(podo-ui/scss/typo/font/Pretendard-Medium.woff2) format('woff2');
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Pretendard';
+  font-weight: 400;
+  src:
+    local('Pretendard Regular'),
+    url(podo-ui/scss/typo/font/Pretendard-Regular.woff2) format('woff2');
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Pretendard';
+  font-weight: 300;
+  src:
+    local('Pretendard Light'),
+    url(podo-ui/scss/typo/font/Pretendard-Light.woff2) format('woff2');
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Pretendard';
+  font-weight: 200;
+  src:
+    local('Pretendard ExtraLight'),
+    url(podo-ui/scss/typo/font/Pretendard-ExtraLight.woff2) format('woff2');
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Pretendard';
+  font-weight: 100;
+  src:
+    local('Pretendard Thin'),
+    url(podo-ui/scss/typo/font/Pretendard-Thin.woff2) format('woff2');
+  font-display: swap;
+}