podo-ui 0.3.9 → 0.3.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -13,4 +13,4 @@ declare const Form: {
13
13
  };
14
14
  export default Form;
15
15
  export { Input, Textarea, Editor, EditorView, Pagination, Field };
16
- //# sourceMappingURL=react.d.ts.map
16
+ //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,UAAU,MAAM,6BAA6B,CAAC;AACrD,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAC3C,QAAA,MAAM,IAAI;;;;;;CAMT,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,UAAU,MAAM,6BAA6B,CAAC;AACrD,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAC3C,QAAA,MAAM,IAAI;;;;;;CAMT,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC"}
@@ -1,6 +1,6 @@
1
- @use '../../scss/color/function.scss' as *;
2
- @use '../../scss/typo/mixin.scss' as typo;
3
- @use '../../scss/layout/radius.scss' as *;
1
+ @use '../../../scss/color/function.scss' as *;
2
+ @use '../../../scss/typo/mixin.scss' as typo;
3
+ @use '../../../scss/layout/radius.scss' as *;
4
4
 
5
5
  .editorView {
6
6
  color: color(text-body);
@@ -1,8 +1,8 @@
1
- @use '../../scss/color/function.scss' as *;
2
- @use '../../scss/layout/radius.scss' as *;
3
- @use '../../scss/typo/mixin.scss' as typo;
4
- @use '../../scss/typo/font-size.scss' as *;
5
- @use '../../scss/layout/device.scss' as *;
1
+ @use '../../../scss/color/function.scss' as *;
2
+ @use '../../../scss/layout/radius.scss' as *;
3
+ @use '../../../scss/typo/mixin.scss' as typo;
4
+ @use '../../../scss/typo/font-size.scss' as *;
5
+ @use '../../../scss/layout/device.scss' as *;
6
6
 
7
7
  .editor {
8
8
  display: flex;
package/global.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ // Type declarations for SCSS imports
2
+ declare module 'podo-ui/global.scss';
3
+ declare module 'podo-ui/mixin.scss';
4
+ declare module 'podo-ui/vite-fonts.scss';
5
+ declare module 'podo-ui/scss/*';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "podo-ui",
3
- "version": "0.3.9",
3
+ "version": "0.3.11",
4
4
  "type": "module",
5
5
  "author": "hada0127 <work@tarucy.net>",
6
6
  "license": "MIT",
@@ -12,31 +12,22 @@
12
12
  "url": "https://github.com/hada0127/podo-ui/issues"
13
13
  },
14
14
  "homepage": "https://podoui.com",
15
- "main": "dist/react.js",
16
- "types": "dist/react.d.ts",
15
+ "main": "dist/index.js",
16
+ "types": "dist/index.d.ts",
17
17
  "files": [
18
18
  "dist",
19
19
  "scss",
20
20
  "global.scss",
21
+ "global.d.ts",
21
22
  "mixin.scss",
22
23
  "vite-fonts.scss",
23
24
  "README.md"
24
25
  ],
25
26
  "exports": {
26
27
  ".": {
27
- "types": "./dist/react.d.ts",
28
- "import": "./dist/react.js",
29
- "default": "./dist/react.js"
30
- },
31
- "./react": {
32
- "types": "./dist/react.d.ts",
33
- "import": "./dist/react.js",
34
- "default": "./dist/react.js"
35
- },
36
- "./next": {
37
- "types": "./dist/next.d.ts",
38
- "import": "./dist/next.js",
39
- "default": "./dist/next.js"
28
+ "types": "./dist/index.d.ts",
29
+ "import": "./dist/index.js",
30
+ "default": "./dist/index.js"
40
31
  },
41
32
  "./react/atom/*": {
42
33
  "types": "./dist/react/atom/*.d.ts",
@@ -48,17 +39,30 @@
48
39
  "import": "./dist/react/molecule/*.js",
49
40
  "default": "./dist/react/molecule/*.js"
50
41
  },
51
- "./global.scss": "./global.scss",
52
- "./mixin.scss": "./mixin.scss",
53
- "./vite-fonts.scss": "./vite-fonts.scss",
54
- "./scss/*": "./scss/*",
42
+ "./global.scss": {
43
+ "types": "./global.d.ts",
44
+ "default": "./global.scss"
45
+ },
46
+ "./mixin.scss": {
47
+ "types": "./global.d.ts",
48
+ "default": "./mixin.scss"
49
+ },
50
+ "./vite-fonts.scss": {
51
+ "types": "./global.d.ts",
52
+ "default": "./vite-fonts.scss"
53
+ },
54
+ "./scss/*": {
55
+ "types": "./global.d.ts",
56
+ "default": "./scss/*"
57
+ },
55
58
  "./package.json": "./package.json"
56
59
  },
57
60
  "scripts": {
58
61
  "dev": "next dev",
59
62
  "build": "next build",
60
- "build:lib": "npm run clean && tsc -p tsconfig.build.json && npm run copy:styles",
63
+ "build:lib": "npm run clean && tsc -p tsconfig.build.json && npm run copy:styles && npm run fix:scss-paths",
61
64
  "copy:styles": "find react -name '*.scss' -exec sh -c 'mkdir -p \"dist/$(dirname \"{}\")\" && cp \"{}\" \"dist/{}\"' \\;",
65
+ "fix:scss-paths": "find dist/react -name '*.scss' -type f -exec sed -i '' 's|../../scss|../../../scss|g' {} \\;",
62
66
  "clean": "rm -rf dist && rm -f .tsbuildinfo",
63
67
  "prepublishOnly": "npm run build:lib",
64
68
  "start": "next start",
package/readme.md CHANGED
@@ -34,20 +34,12 @@ import 'podo-ui/vite-fonts.scss'; // Vite 사용 시
34
34
  ### React 컴포넌트
35
35
 
36
36
  ```tsx
37
- // Atomic 컴포넌트
38
- import Input from 'podo-ui/react/atom/input';
39
- import Textarea from 'podo-ui/react/atom/textarea';
40
- import Editor from 'podo-ui/react/atom/editor';
41
- import EditorView from 'podo-ui/react/atom/editor-view';
37
+ // Named imports로 개별 컴포넌트 가져오기
38
+ import { Input, Textarea, Editor, EditorView, Field, Pagination } from 'podo-ui';
42
39
 
43
- // Molecule 컴포넌트
40
+ // 또는 개별 컴포넌트 직접 import (레거시 방식)
41
+ import Input from 'podo-ui/react/atom/input';
44
42
  import Field from 'podo-ui/react/molecule/field';
45
- import Pagination from 'podo-ui/react/molecule/pagination';
46
- import Toast from 'podo-ui/react/molecule/toast';
47
- import ToastProvider from 'podo-ui/react/molecule/toast-provider';
48
-
49
- // SCSS 모듈도 함께 import (Next.js에서)
50
- import 'podo-ui/dist/react/atom/input.module.scss';
51
43
  ```
52
44
 
53
45
  ## 주요 기능
package/dist/next.d.ts DELETED
@@ -1,16 +0,0 @@
1
- import Input from './react/atom/input';
2
- import Textarea from './react/atom/textarea';
3
- import EditorView from './react/atom/editor-view';
4
- import Pagination from './react/molecule/pagination';
5
- import Field from './react/molecule/field';
6
- declare const Editor: import("react").ComponentType<import("./react/atom/editor").EditorProps>;
7
- declare const Form: {
8
- Input: import("react").FC<import("./react/atom/input").InputWrapperProps>;
9
- Textarea: import("react").FC<import("./react/atom/textarea").TextareaWrapperProps>;
10
- Editor: import("react").ComponentType<import("./react/atom/editor").EditorProps>;
11
- EditorView: ({ value, className }: import("./react/atom/editor-view").EditorViewProps) => import("react/jsx-runtime").JSX.Element;
12
- Field: ({ label, labelClass, required, helper, helperClass, children, validator, value, setClassName, className, }: import("./react/molecule/field").FieldProps) => import("react/jsx-runtime").JSX.Element;
13
- };
14
- export default Form;
15
- export { Input, Textarea, Editor, EditorView, Pagination, Field };
16
- //# sourceMappingURL=next.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"next.d.ts","sourceRoot":"","sources":["../next.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,UAAU,MAAM,6BAA6B,CAAC;AACrD,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAC3C,QAAA,MAAM,MAAM,0EAA+D,CAAC;AAE5E,QAAA,MAAM,IAAI;;;;;;CAMT,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC"}
package/dist/next.js DELETED
@@ -1,17 +0,0 @@
1
- 'use client';
2
- import dynamic from 'next/dynamic';
3
- import Input from './react/atom/input';
4
- import Textarea from './react/atom/textarea';
5
- import EditorView from './react/atom/editor-view';
6
- import Pagination from './react/molecule/pagination';
7
- import Field from './react/molecule/field';
8
- const Editor = dynamic(() => import('./react/atom/editor'), { ssr: false });
9
- const Form = {
10
- Input,
11
- Textarea,
12
- Editor,
13
- EditorView,
14
- Field,
15
- };
16
- export default Form;
17
- export { Input, Textarea, Editor, EditorView, Pagination, Field };
File without changes