@nurihaus/web-design-system 3.0.1 → 3.1.0

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.
Files changed (175) hide show
  1. package/README.md +104 -5
  2. package/dist/.storybook/story-kit.d.ts +18 -0
  3. package/dist/ai/components.md +1036 -0
  4. package/dist/ai/tokens.md +344 -0
  5. package/dist/avatar.js +336 -0
  6. package/dist/breadcrumb.js +364 -0
  7. package/dist/check-box.js +360 -0
  8. package/dist/chunk-149.js +57 -0
  9. package/dist/chunk-298.js +34 -0
  10. package/dist/chunk-302.js +105 -0
  11. package/dist/chunk-309.js +36 -0
  12. package/dist/chunk-364.js +126 -0
  13. package/dist/chunk-387.js +56 -0
  14. package/dist/chunk-436.js +33 -0
  15. package/dist/chunk-558.js +200 -0
  16. package/dist/chunk-563.js +181 -0
  17. package/dist/chunk-657.js +143 -0
  18. package/dist/chunk-713.js +38 -0
  19. package/dist/chunk-739.js +68 -0
  20. package/dist/chunk-77.js +34 -0
  21. package/dist/chunk-777.js +117 -0
  22. package/dist/chunk-910.js +64 -0
  23. package/dist/chunk-917.js +35 -0
  24. package/dist/chunk-933.js +70 -0
  25. package/dist/chunk-976.js +29 -0
  26. package/dist/collapsible-menu.js +394 -0
  27. package/dist/components/avatar/avatar-props.d.ts +2 -6
  28. package/dist/components/avatar/avatar-type.d.ts +4 -5
  29. package/dist/components/avatar/avatar.d.ts +1 -0
  30. package/dist/components/avatar/avatar.stories.d.ts +17 -1
  31. package/dist/components/badge/badge-props.d.ts +17 -80
  32. package/dist/components/badge/badge-type.d.ts +38 -2
  33. package/dist/components/badge/badge.stories.d.ts +25 -2
  34. package/dist/components/badge/base-badge.d.ts +2 -1
  35. package/dist/components/badge/icon-text-badge.d.ts +3 -21
  36. package/dist/components/badge/icon-text-option-badge.d.ts +2 -15
  37. package/dist/components/badge/option-badge.d.ts +3 -20
  38. package/dist/components/breadcrumb/base-breadcrumb.d.ts +19 -0
  39. package/dist/components/breadcrumb/breadcrumb-props.d.ts +4 -0
  40. package/dist/components/breadcrumb/breadcrumb-type.d.ts +33 -0
  41. package/dist/components/breadcrumb/breadcrumb.d.ts +4 -0
  42. package/dist/components/breadcrumb/breadcrumb.stories.d.ts +25 -0
  43. package/dist/components/button/button-props.d.ts +2 -7
  44. package/dist/components/button/button-type.d.ts +11 -3
  45. package/dist/components/button/button.stories.d.ts +13 -10
  46. package/dist/components/button/cta-button.d.ts +3 -12
  47. package/dist/components/check-box/base-check-box.d.ts +9 -5
  48. package/dist/components/check-box/check-box-props.d.ts +2 -7
  49. package/dist/components/check-box/check-box-type.d.ts +11 -4
  50. package/dist/components/check-box/check-box.d.ts +3 -10
  51. package/dist/components/check-box/check-box.stories.d.ts +19 -4
  52. package/dist/components/collapsible-menu/base-collapsible-menu.d.ts +9 -5
  53. package/dist/components/collapsible-menu/collapsible-menu-props.d.ts +3 -12
  54. package/dist/components/collapsible-menu/collapsible-menu-type.d.ts +33 -9
  55. package/dist/components/collapsible-menu/collapsible-menu.d.ts +3 -23
  56. package/dist/components/collapsible-menu/collapsible-menu.stories.d.ts +20 -4
  57. package/dist/components/drawer/base-drawer.d.ts +15 -0
  58. package/dist/components/drawer/drawer-props.d.ts +11 -0
  59. package/dist/components/drawer/drawer-type.d.ts +28 -0
  60. package/dist/components/drawer/drawer.d.ts +4 -0
  61. package/dist/components/drawer/drawer.stories.d.ts +34 -0
  62. package/dist/components/drop-down/base-drop-down.d.ts +11 -3
  63. package/dist/components/drop-down/drop-down-props.d.ts +3 -12
  64. package/dist/components/drop-down/drop-down-type.d.ts +34 -15
  65. package/dist/components/drop-down/drop-down.d.ts +3 -32
  66. package/dist/components/drop-down/drop-down.stories.d.ts +23 -4
  67. package/dist/components/elements/text/base-text.d.ts +3 -0
  68. package/dist/components/elements/text/text-props.d.ts +16 -0
  69. package/dist/components/elements/text/text-type.d.ts +6 -2
  70. package/dist/components/elements/text/text.d.ts +2 -1
  71. package/dist/components/elements/text/text.stories.d.ts +43 -3
  72. package/dist/components/loading/index.d.ts +6 -6
  73. package/dist/components/loading/inline-loading/base-inline-loading.d.ts +3 -0
  74. package/dist/components/loading/inline-loading/inline-loading-props.d.ts +9 -0
  75. package/dist/components/loading/inline-loading/inline-loading-type.d.ts +8 -6
  76. package/dist/components/loading/inline-loading/inline-loading.d.ts +3 -2
  77. package/dist/components/loading/inline-loading/inline-loading.stories.d.ts +5 -9
  78. package/dist/components/loading/overlay-loading/base-overlay-loading.d.ts +3 -0
  79. package/dist/components/loading/overlay-loading/overlay-loading-props.d.ts +7 -0
  80. package/dist/components/loading/overlay-loading/overlay-loading-type.d.ts +6 -3
  81. package/dist/components/loading/overlay-loading/overlay-loading.d.ts +3 -3
  82. package/dist/components/loading/overlay-loading/overlay-loading.stories.d.ts +8 -8
  83. package/dist/components/loading/spinner/base-spinner.d.ts +4 -0
  84. package/dist/components/loading/spinner/spinner-props.d.ts +1 -0
  85. package/dist/components/loading/spinner/spinner-type.d.ts +4 -4
  86. package/dist/components/loading/spinner/spinner.d.ts +2 -2
  87. package/dist/components/loading/spinner/spinner.stories.d.ts +5 -12
  88. package/dist/components/modal/base-modal.d.ts +21 -6
  89. package/dist/components/modal/modal-props.d.ts +5 -7
  90. package/dist/components/modal/modal-type.d.ts +34 -10
  91. package/dist/components/modal/modal-with-double-button.d.ts +4 -16
  92. package/dist/components/modal/modal-with-double-button.stories.d.ts +22 -0
  93. package/dist/components/modal/modal.d.ts +4 -0
  94. package/dist/components/modal/modal.stories.d.ts +22 -4
  95. package/dist/components/pagination/base-pagination.d.ts +9 -0
  96. package/dist/components/pagination/pagination-props.d.ts +4 -0
  97. package/dist/components/pagination/pagination-type.d.ts +20 -0
  98. package/dist/components/pagination/pagination.d.ts +4 -0
  99. package/dist/components/pagination/pagination.stories.d.ts +25 -0
  100. package/dist/components/radio/base-radio.d.ts +9 -5
  101. package/dist/components/radio/radio-props.d.ts +1 -0
  102. package/dist/components/radio/radio-type.d.ts +6 -8
  103. package/dist/components/radio/radio.d.ts +2 -2
  104. package/dist/components/radio/radio.stories.d.ts +13 -4
  105. package/dist/components/skeleton/base-skeleton.d.ts +4 -0
  106. package/dist/components/skeleton/skeleton-props.d.ts +15 -0
  107. package/dist/components/skeleton/skeleton-type.d.ts +12 -0
  108. package/dist/components/skeleton/skeleton.d.ts +4 -0
  109. package/dist/components/skeleton/skeleton.stories.d.ts +327 -0
  110. package/dist/components/switch/base-switch.d.ts +11 -0
  111. package/dist/components/switch/switch-props.d.ts +4 -0
  112. package/dist/components/switch/switch-type.d.ts +19 -0
  113. package/dist/components/switch/switch.d.ts +4 -0
  114. package/dist/components/switch/switch.stories.d.ts +24 -0
  115. package/dist/components/table/base-table.d.ts +4 -5
  116. package/dist/components/table/data-table.d.ts +5 -22
  117. package/dist/components/table/table-type.d.ts +22 -1
  118. package/dist/components/table/table.stories.d.ts +19 -3
  119. package/dist/components/tabs/base-tabs.d.ts +7 -7
  120. package/dist/components/tabs/tabs-props.d.ts +1 -1
  121. package/dist/components/tabs/tabs-type.d.ts +9 -13
  122. package/dist/components/tabs/tabs.d.ts +3 -3
  123. package/dist/components/tabs/tabs.stories.d.ts +16 -10
  124. package/dist/components/text-area/base-text-area.d.ts +10 -0
  125. package/dist/components/text-area/text-area-props.d.ts +12 -0
  126. package/dist/components/text-area/text-area-type.d.ts +34 -0
  127. package/dist/components/text-area/text-area.d.ts +4 -0
  128. package/dist/components/text-area/text-area.stories.d.ts +32 -0
  129. package/dist/components/text-field/base-text-field.d.ts +5 -3
  130. package/dist/components/text-field/text-field-props.d.ts +3 -12
  131. package/dist/components/text-field/text-field-type.d.ts +14 -0
  132. package/dist/components/text-field/text-field.d.ts +3 -16
  133. package/dist/components/text-field/text-field.stories.d.ts +24 -0
  134. package/dist/components/toast/base-toast.d.ts +20 -0
  135. package/dist/components/toast/toast-props.d.ts +18 -0
  136. package/dist/components/toast/toast-type.d.ts +45 -0
  137. package/dist/components/toast/toast.d.ts +5 -0
  138. package/dist/components/toast/toast.stories.d.ts +310 -0
  139. package/dist/components/tooltip/base-tooltip.d.ts +13 -3
  140. package/dist/components/tooltip/tooltip-props.d.ts +3 -2
  141. package/dist/components/tooltip/tooltip-type.d.ts +17 -5
  142. package/dist/components/tooltip/tooltip.d.ts +4 -7
  143. package/dist/components/tooltip/tooltip.stories.d.ts +21 -4
  144. package/dist/components.css +3017 -0
  145. package/dist/cta-button.js +237 -0
  146. package/dist/data-table.js +386 -0
  147. package/dist/drawer.js +390 -0
  148. package/dist/drop-down.js +419 -0
  149. package/dist/helpers/hooks/useExternalState.d.ts +5 -0
  150. package/dist/helpers/props/common-props.d.ts +7 -0
  151. package/dist/helpers/types/common-props.d.ts +8 -0
  152. package/dist/icon-text-badge.js +294 -0
  153. package/dist/icon-text-option-badge.js +270 -0
  154. package/dist/index.d.ts +33 -1
  155. package/dist/index.js +4179 -10180
  156. package/dist/loading.js +383 -0
  157. package/dist/modal-with-double-button.js +332 -0
  158. package/dist/modal.js +288 -0
  159. package/dist/option-badge.js +293 -0
  160. package/dist/pagination.js +412 -0
  161. package/dist/radio.js +363 -0
  162. package/dist/reset.css +45 -0
  163. package/dist/skeleton.js +331 -0
  164. package/dist/styles.css +1386 -248
  165. package/dist/switch.js +349 -0
  166. package/dist/tabs.js +421 -0
  167. package/dist/text-area.js +374 -0
  168. package/dist/text-field.js +369 -0
  169. package/dist/text.js +233 -0
  170. package/dist/toast.js +496 -0
  171. package/dist/tokens.css +100 -0
  172. package/dist/tokens.js +4 -6
  173. package/dist/tooltip.js +360 -0
  174. package/package.json +123 -14
  175. package/dist/components/text-field/text-filed.stories.d.ts +0 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nurihaus/web-design-system",
3
- "version": "3.0.1",
3
+ "version": "3.1.0",
4
4
  "description": "Nurihaus 디자인 시스템 — 컴포넌트와 디자인 토큰",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -14,18 +14,25 @@
14
14
  "type": "git",
15
15
  "url": "https://github.com/NURIHAUS-Dev/nuri-web-design-system"
16
16
  },
17
+ "packageManager": "yarn@3.6.4",
18
+ "engines": {
19
+ "node": ">=20"
20
+ },
17
21
  "scripts": {
18
22
  "tokens": "node tokens/build.mjs",
19
23
  "clean": "rm -rf dist",
20
- "build": "npm run clean && npm run tokens && webpack && node scripts/finalize.mjs && node scripts/build-css.mjs",
24
+ "build": "npm run clean && npm run tokens && webpack && node scripts/finalize.mjs && node scripts/build-css.mjs && node scripts/build-ai-docs.mjs && node scripts/check-exports.mjs && node scripts/check-components.mjs",
25
+ "build:ai": "node scripts/build-ai-docs.mjs",
21
26
  "build:css": "node scripts/build-css.mjs",
22
27
  "start": "webpack serve",
23
- "lint": "eslint",
24
- "lint:fix": "eslint --fix",
25
- "format": "prettier --write",
28
+ "lint": "eslint .",
29
+ "lint:fix": "eslint . --fix",
30
+ "format": "prettier --write .",
26
31
  "storybook": "storybook dev -p 6006",
27
32
  "build-storybook": "storybook build",
28
- "test": "echo \"no test\" && exit 0"
33
+ "test": "vitest run",
34
+ "test:watch": "vitest",
35
+ "typecheck": "tsc -p tsconfig.test.json"
29
36
  },
30
37
  "bugs": {
31
38
  "url": "https://github.com/nave-nurihuas/design-system-lab/issues"
@@ -37,10 +44,15 @@
37
44
  "@babel/preset-react": "^7.24.7",
38
45
  "@babel/preset-typescript": "^7.24.7",
39
46
  "@chromatic-com/storybook": "^4.1.0",
47
+ "@eslint/js": "^9.39.4",
40
48
  "@storybook/addon-docs": "^9.1.12",
41
49
  "@storybook/addon-webpack5-compiler-swc": "^4.0.1",
42
50
  "@storybook/react-webpack5": "^9.1.12",
43
51
  "@svgr/webpack": "^8.1.0",
52
+ "@testing-library/dom": "^10",
53
+ "@testing-library/jest-dom": "^6",
54
+ "@testing-library/react": "^16.3.3",
55
+ "@testing-library/user-event": "^14.6.7",
44
56
  "@trivago/prettier-plugin-sort-imports": "^5.2.2",
45
57
  "@types/react": "^18.3.9",
46
58
  "@types/react-dom": "^18.3.0",
@@ -56,7 +68,9 @@
56
68
  "eslint-plugin-prettier": "^5.2.6",
57
69
  "eslint-plugin-storybook": "^9.1.12",
58
70
  "file-loader": "^6.2.0",
71
+ "globals": "^17.13.0",
59
72
  "html-webpack-plugin": "^5.6.0",
73
+ "jsdom": "^26.1.0",
60
74
  "postcss": "^8.5.6",
61
75
  "postcss-combine-duplicated-selectors": "^10.0.3",
62
76
  "postcss-discard-empty": "^7.0.1",
@@ -64,26 +78,23 @@
64
78
  "postcss-loader": "^8.2.0",
65
79
  "postcss-nesting": "^13.0.2",
66
80
  "prettier": "^3.5.3",
81
+ "radix-ui": "^1.4.3",
82
+ "react": "^18.3.1",
83
+ "react-dom": "^18.3.1",
67
84
  "storybook": "^9.1.12",
68
85
  "style-loader": "^4.0.0",
69
86
  "ts-loader": "^9.5.1",
70
87
  "typescript": "^5.6.2",
88
+ "vitest": "^3.2.7",
71
89
  "webpack": "^5.95.0",
72
90
  "webpack-cli": "^5.1.4",
73
91
  "webpack-dev-server": "^5.1.0"
74
92
  },
75
- "dependencies": {
76
- "radix-ui": "^1.4.3"
77
- },
78
93
  "peerDependencies": {
94
+ "radix-ui": "^1.4.3",
79
95
  "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
80
96
  "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 ||^19.0.0"
81
97
  },
82
- "eslintConfig": {
83
- "extends": [
84
- "plugin:storybook/recommended"
85
- ]
86
- },
87
98
  "type": "module",
88
99
  "sideEffects": [
89
100
  "**/*.css"
@@ -97,8 +108,106 @@
97
108
  "types": "./dist/tokens/generated/index.d.ts",
98
109
  "default": "./dist/tokens.js"
99
110
  },
111
+ "./avatar": {
112
+ "types": "./dist/components/avatar/avatar.d.ts",
113
+ "default": "./dist/avatar.js"
114
+ },
115
+ "./cta-button": {
116
+ "types": "./dist/components/button/cta-button.d.ts",
117
+ "default": "./dist/cta-button.js"
118
+ },
119
+ "./option-badge": {
120
+ "types": "./dist/components/badge/option-badge.d.ts",
121
+ "default": "./dist/option-badge.js"
122
+ },
123
+ "./icon-text-badge": {
124
+ "types": "./dist/components/badge/icon-text-badge.d.ts",
125
+ "default": "./dist/icon-text-badge.js"
126
+ },
127
+ "./icon-text-option-badge": {
128
+ "types": "./dist/components/badge/icon-text-option-badge.d.ts",
129
+ "default": "./dist/icon-text-option-badge.js"
130
+ },
131
+ "./data-table": {
132
+ "types": "./dist/components/table/data-table.d.ts",
133
+ "default": "./dist/data-table.js"
134
+ },
135
+ "./text-field": {
136
+ "types": "./dist/components/text-field/text-field.d.ts",
137
+ "default": "./dist/text-field.js"
138
+ },
139
+ "./radio": {
140
+ "types": "./dist/components/radio/radio.d.ts",
141
+ "default": "./dist/radio.js"
142
+ },
143
+ "./check-box": {
144
+ "types": "./dist/components/check-box/check-box.d.ts",
145
+ "default": "./dist/check-box.js"
146
+ },
147
+ "./switch": {
148
+ "types": "./dist/components/switch/switch.d.ts",
149
+ "default": "./dist/switch.js"
150
+ },
151
+ "./text-area": {
152
+ "types": "./dist/components/text-area/text-area.d.ts",
153
+ "default": "./dist/text-area.js"
154
+ },
155
+ "./toast": {
156
+ "types": "./dist/components/toast/toast.d.ts",
157
+ "default": "./dist/toast.js"
158
+ },
159
+ "./pagination": {
160
+ "types": "./dist/components/pagination/pagination.d.ts",
161
+ "default": "./dist/pagination.js"
162
+ },
163
+ "./modal": {
164
+ "types": "./dist/components/modal/modal.d.ts",
165
+ "default": "./dist/modal.js"
166
+ },
167
+ "./drawer": {
168
+ "types": "./dist/components/drawer/drawer.d.ts",
169
+ "default": "./dist/drawer.js"
170
+ },
171
+ "./skeleton": {
172
+ "types": "./dist/components/skeleton/skeleton.d.ts",
173
+ "default": "./dist/skeleton.js"
174
+ },
175
+ "./breadcrumb": {
176
+ "types": "./dist/components/breadcrumb/breadcrumb.d.ts",
177
+ "default": "./dist/breadcrumb.js"
178
+ },
179
+ "./drop-down": {
180
+ "types": "./dist/components/drop-down/drop-down.d.ts",
181
+ "default": "./dist/drop-down.js"
182
+ },
183
+ "./collapsible-menu": {
184
+ "types": "./dist/components/collapsible-menu/collapsible-menu.d.ts",
185
+ "default": "./dist/collapsible-menu.js"
186
+ },
187
+ "./text": {
188
+ "types": "./dist/components/elements/text/text.d.ts",
189
+ "default": "./dist/text.js"
190
+ },
191
+ "./tooltip": {
192
+ "types": "./dist/components/tooltip/tooltip.d.ts",
193
+ "default": "./dist/tooltip.js"
194
+ },
195
+ "./tabs": {
196
+ "types": "./dist/components/tabs/tabs.d.ts",
197
+ "default": "./dist/tabs.js"
198
+ },
199
+ "./modal-with-double-button": {
200
+ "types": "./dist/components/modal/modal-with-double-button.d.ts",
201
+ "default": "./dist/modal-with-double-button.js"
202
+ },
203
+ "./loading": {
204
+ "types": "./dist/components/loading/index.d.ts",
205
+ "default": "./dist/loading.js"
206
+ },
100
207
  "./tokens.css": "./dist/tokens.css",
101
208
  "./styles.css": "./dist/styles.css",
209
+ "./components.css": "./dist/components.css",
210
+ "./reset.css": "./dist/reset.css",
102
211
  "./package.json": "./package.json"
103
212
  }
104
213
  }
@@ -1,8 +0,0 @@
1
- import { StoryObj } from '@storybook/react/*';
2
- declare const meta: {
3
- title: string;
4
- component: import("react").ForwardRefExoticComponent<Omit<import("./text-field").TextFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
5
- };
6
- export default meta;
7
- type Story = StoryObj<typeof meta>;
8
- export declare const Default: Story;