@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.
- package/README.md +104 -5
- package/dist/.storybook/story-kit.d.ts +18 -0
- package/dist/ai/components.md +1036 -0
- package/dist/ai/tokens.md +344 -0
- package/dist/avatar.js +336 -0
- package/dist/breadcrumb.js +364 -0
- package/dist/check-box.js +360 -0
- package/dist/chunk-149.js +57 -0
- package/dist/chunk-298.js +34 -0
- package/dist/chunk-302.js +105 -0
- package/dist/chunk-309.js +36 -0
- package/dist/chunk-364.js +126 -0
- package/dist/chunk-387.js +56 -0
- package/dist/chunk-436.js +33 -0
- package/dist/chunk-558.js +200 -0
- package/dist/chunk-563.js +181 -0
- package/dist/chunk-657.js +143 -0
- package/dist/chunk-713.js +38 -0
- package/dist/chunk-739.js +68 -0
- package/dist/chunk-77.js +34 -0
- package/dist/chunk-777.js +117 -0
- package/dist/chunk-910.js +64 -0
- package/dist/chunk-917.js +35 -0
- package/dist/chunk-933.js +70 -0
- package/dist/chunk-976.js +29 -0
- package/dist/collapsible-menu.js +394 -0
- package/dist/components/avatar/avatar-props.d.ts +2 -6
- package/dist/components/avatar/avatar-type.d.ts +4 -5
- package/dist/components/avatar/avatar.d.ts +1 -0
- package/dist/components/avatar/avatar.stories.d.ts +17 -1
- package/dist/components/badge/badge-props.d.ts +17 -80
- package/dist/components/badge/badge-type.d.ts +38 -2
- package/dist/components/badge/badge.stories.d.ts +25 -2
- package/dist/components/badge/base-badge.d.ts +2 -1
- package/dist/components/badge/icon-text-badge.d.ts +3 -21
- package/dist/components/badge/icon-text-option-badge.d.ts +2 -15
- package/dist/components/badge/option-badge.d.ts +3 -20
- package/dist/components/breadcrumb/base-breadcrumb.d.ts +19 -0
- package/dist/components/breadcrumb/breadcrumb-props.d.ts +4 -0
- package/dist/components/breadcrumb/breadcrumb-type.d.ts +33 -0
- package/dist/components/breadcrumb/breadcrumb.d.ts +4 -0
- package/dist/components/breadcrumb/breadcrumb.stories.d.ts +25 -0
- package/dist/components/button/button-props.d.ts +2 -7
- package/dist/components/button/button-type.d.ts +11 -3
- package/dist/components/button/button.stories.d.ts +13 -10
- package/dist/components/button/cta-button.d.ts +3 -12
- package/dist/components/check-box/base-check-box.d.ts +9 -5
- package/dist/components/check-box/check-box-props.d.ts +2 -7
- package/dist/components/check-box/check-box-type.d.ts +11 -4
- package/dist/components/check-box/check-box.d.ts +3 -10
- package/dist/components/check-box/check-box.stories.d.ts +19 -4
- package/dist/components/collapsible-menu/base-collapsible-menu.d.ts +9 -5
- package/dist/components/collapsible-menu/collapsible-menu-props.d.ts +3 -12
- package/dist/components/collapsible-menu/collapsible-menu-type.d.ts +33 -9
- package/dist/components/collapsible-menu/collapsible-menu.d.ts +3 -23
- package/dist/components/collapsible-menu/collapsible-menu.stories.d.ts +20 -4
- package/dist/components/drawer/base-drawer.d.ts +15 -0
- package/dist/components/drawer/drawer-props.d.ts +11 -0
- package/dist/components/drawer/drawer-type.d.ts +28 -0
- package/dist/components/drawer/drawer.d.ts +4 -0
- package/dist/components/drawer/drawer.stories.d.ts +34 -0
- package/dist/components/drop-down/base-drop-down.d.ts +11 -3
- package/dist/components/drop-down/drop-down-props.d.ts +3 -12
- package/dist/components/drop-down/drop-down-type.d.ts +34 -15
- package/dist/components/drop-down/drop-down.d.ts +3 -32
- package/dist/components/drop-down/drop-down.stories.d.ts +23 -4
- package/dist/components/elements/text/base-text.d.ts +3 -0
- package/dist/components/elements/text/text-props.d.ts +16 -0
- package/dist/components/elements/text/text-type.d.ts +6 -2
- package/dist/components/elements/text/text.d.ts +2 -1
- package/dist/components/elements/text/text.stories.d.ts +43 -3
- package/dist/components/loading/index.d.ts +6 -6
- package/dist/components/loading/inline-loading/base-inline-loading.d.ts +3 -0
- package/dist/components/loading/inline-loading/inline-loading-props.d.ts +9 -0
- package/dist/components/loading/inline-loading/inline-loading-type.d.ts +8 -6
- package/dist/components/loading/inline-loading/inline-loading.d.ts +3 -2
- package/dist/components/loading/inline-loading/inline-loading.stories.d.ts +5 -9
- package/dist/components/loading/overlay-loading/base-overlay-loading.d.ts +3 -0
- package/dist/components/loading/overlay-loading/overlay-loading-props.d.ts +7 -0
- package/dist/components/loading/overlay-loading/overlay-loading-type.d.ts +6 -3
- package/dist/components/loading/overlay-loading/overlay-loading.d.ts +3 -3
- package/dist/components/loading/overlay-loading/overlay-loading.stories.d.ts +8 -8
- package/dist/components/loading/spinner/base-spinner.d.ts +4 -0
- package/dist/components/loading/spinner/spinner-props.d.ts +1 -0
- package/dist/components/loading/spinner/spinner-type.d.ts +4 -4
- package/dist/components/loading/spinner/spinner.d.ts +2 -2
- package/dist/components/loading/spinner/spinner.stories.d.ts +5 -12
- package/dist/components/modal/base-modal.d.ts +21 -6
- package/dist/components/modal/modal-props.d.ts +5 -7
- package/dist/components/modal/modal-type.d.ts +34 -10
- package/dist/components/modal/modal-with-double-button.d.ts +4 -16
- package/dist/components/modal/modal-with-double-button.stories.d.ts +22 -0
- package/dist/components/modal/modal.d.ts +4 -0
- package/dist/components/modal/modal.stories.d.ts +22 -4
- package/dist/components/pagination/base-pagination.d.ts +9 -0
- package/dist/components/pagination/pagination-props.d.ts +4 -0
- package/dist/components/pagination/pagination-type.d.ts +20 -0
- package/dist/components/pagination/pagination.d.ts +4 -0
- package/dist/components/pagination/pagination.stories.d.ts +25 -0
- package/dist/components/radio/base-radio.d.ts +9 -5
- package/dist/components/radio/radio-props.d.ts +1 -0
- package/dist/components/radio/radio-type.d.ts +6 -8
- package/dist/components/radio/radio.d.ts +2 -2
- package/dist/components/radio/radio.stories.d.ts +13 -4
- package/dist/components/skeleton/base-skeleton.d.ts +4 -0
- package/dist/components/skeleton/skeleton-props.d.ts +15 -0
- package/dist/components/skeleton/skeleton-type.d.ts +12 -0
- package/dist/components/skeleton/skeleton.d.ts +4 -0
- package/dist/components/skeleton/skeleton.stories.d.ts +327 -0
- package/dist/components/switch/base-switch.d.ts +11 -0
- package/dist/components/switch/switch-props.d.ts +4 -0
- package/dist/components/switch/switch-type.d.ts +19 -0
- package/dist/components/switch/switch.d.ts +4 -0
- package/dist/components/switch/switch.stories.d.ts +24 -0
- package/dist/components/table/base-table.d.ts +4 -5
- package/dist/components/table/data-table.d.ts +5 -22
- package/dist/components/table/table-type.d.ts +22 -1
- package/dist/components/table/table.stories.d.ts +19 -3
- package/dist/components/tabs/base-tabs.d.ts +7 -7
- package/dist/components/tabs/tabs-props.d.ts +1 -1
- package/dist/components/tabs/tabs-type.d.ts +9 -13
- package/dist/components/tabs/tabs.d.ts +3 -3
- package/dist/components/tabs/tabs.stories.d.ts +16 -10
- package/dist/components/text-area/base-text-area.d.ts +10 -0
- package/dist/components/text-area/text-area-props.d.ts +12 -0
- package/dist/components/text-area/text-area-type.d.ts +34 -0
- package/dist/components/text-area/text-area.d.ts +4 -0
- package/dist/components/text-area/text-area.stories.d.ts +32 -0
- package/dist/components/text-field/base-text-field.d.ts +5 -3
- package/dist/components/text-field/text-field-props.d.ts +3 -12
- package/dist/components/text-field/text-field-type.d.ts +14 -0
- package/dist/components/text-field/text-field.d.ts +3 -16
- package/dist/components/text-field/text-field.stories.d.ts +24 -0
- package/dist/components/toast/base-toast.d.ts +20 -0
- package/dist/components/toast/toast-props.d.ts +18 -0
- package/dist/components/toast/toast-type.d.ts +45 -0
- package/dist/components/toast/toast.d.ts +5 -0
- package/dist/components/toast/toast.stories.d.ts +310 -0
- package/dist/components/tooltip/base-tooltip.d.ts +13 -3
- package/dist/components/tooltip/tooltip-props.d.ts +3 -2
- package/dist/components/tooltip/tooltip-type.d.ts +17 -5
- package/dist/components/tooltip/tooltip.d.ts +4 -7
- package/dist/components/tooltip/tooltip.stories.d.ts +21 -4
- package/dist/components.css +3017 -0
- package/dist/cta-button.js +237 -0
- package/dist/data-table.js +386 -0
- package/dist/drawer.js +390 -0
- package/dist/drop-down.js +419 -0
- package/dist/helpers/hooks/useExternalState.d.ts +5 -0
- package/dist/helpers/props/common-props.d.ts +7 -0
- package/dist/helpers/types/common-props.d.ts +8 -0
- package/dist/icon-text-badge.js +294 -0
- package/dist/icon-text-option-badge.js +270 -0
- package/dist/index.d.ts +33 -1
- package/dist/index.js +4179 -10180
- package/dist/loading.js +383 -0
- package/dist/modal-with-double-button.js +332 -0
- package/dist/modal.js +288 -0
- package/dist/option-badge.js +293 -0
- package/dist/pagination.js +412 -0
- package/dist/radio.js +363 -0
- package/dist/reset.css +45 -0
- package/dist/skeleton.js +331 -0
- package/dist/styles.css +1386 -248
- package/dist/switch.js +349 -0
- package/dist/tabs.js +421 -0
- package/dist/text-area.js +374 -0
- package/dist/text-field.js +369 -0
- package/dist/text.js +233 -0
- package/dist/toast.js +496 -0
- package/dist/tokens.css +100 -0
- package/dist/tokens.js +4 -6
- package/dist/tooltip.js +360 -0
- package/package.json +123 -14
- 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
|
|
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": "
|
|
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;
|