@neasg/design-system 0.1.3 → 0.2.1
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 +102 -14
- package/dist/animated-icons/arrow-down.d.ts +10 -0
- package/dist/animated-icons/arrow-down.js +54 -0
- package/dist/animated-icons/arrow-up.d.ts +10 -0
- package/dist/animated-icons/arrow-up.js +54 -0
- package/dist/animated-icons/bell.d.ts +10 -0
- package/dist/animated-icons/bell.js +42 -0
- package/dist/animated-icons/bold.d.ts +10 -0
- package/dist/animated-icons/bold.js +45 -0
- package/dist/animated-icons/book-open.d.ts +10 -0
- package/dist/animated-icons/book-open.js +55 -0
- package/dist/animated-icons/building.d.ts +10 -0
- package/dist/animated-icons/building.js +46 -0
- package/dist/animated-icons/check.d.ts +10 -0
- package/dist/animated-icons/check.js +55 -0
- package/dist/animated-icons/chevron-down.d.ts +10 -0
- package/dist/animated-icons/chevron-down.js +42 -0
- package/dist/animated-icons/chevron-left.d.ts +10 -0
- package/dist/animated-icons/chevron-left.js +42 -0
- package/dist/animated-icons/chevron-right.d.ts +10 -0
- package/dist/animated-icons/chevron-right.js +42 -0
- package/dist/animated-icons/chevron-up.d.ts +10 -0
- package/dist/animated-icons/chevron-up.js +42 -0
- package/dist/animated-icons/clipboard-check.d.ts +10 -0
- package/dist/animated-icons/clipboard-check.js +56 -0
- package/dist/animated-icons/download.d.ts +10 -0
- package/dist/animated-icons/download.js +47 -0
- package/dist/animated-icons/external-link.d.ts +10 -0
- package/dist/animated-icons/external-link.js +59 -0
- package/dist/animated-icons/eye.d.ts +10 -0
- package/dist/animated-icons/eye.js +41 -0
- package/dist/animated-icons/file-text.d.ts +11 -0
- package/dist/animated-icons/file-text.js +89 -0
- package/dist/animated-icons/filter.d.ts +10 -0
- package/dist/animated-icons/filter.js +78 -0
- package/dist/animated-icons/folder-open.d.ts +10 -0
- package/dist/animated-icons/folder-open.js +46 -0
- package/dist/animated-icons/form.d.ts +10 -0
- package/dist/animated-icons/form.js +56 -0
- package/dist/animated-icons/git-branch.d.ts +10 -0
- package/dist/animated-icons/git-branch.js +56 -0
- package/dist/animated-icons/grip-horizontal.d.ts +10 -0
- package/dist/animated-icons/grip-horizontal.js +70 -0
- package/dist/animated-icons/grip-vertical.d.ts +10 -0
- package/dist/animated-icons/grip-vertical.js +67 -0
- package/dist/animated-icons/grip.d.ts +10 -0
- package/dist/animated-icons/grip.js +72 -0
- package/dist/animated-icons/highlighter.d.ts +10 -0
- package/dist/animated-icons/highlighter.js +46 -0
- package/dist/animated-icons/history.d.ts +10 -0
- package/dist/animated-icons/history.js +80 -0
- package/dist/animated-icons/index.d.ts +100 -0
- package/dist/animated-icons/index.js +50 -0
- package/dist/animated-icons/italic.d.ts +10 -0
- package/dist/animated-icons/italic.js +45 -0
- package/dist/animated-icons/link.d.ts +10 -0
- package/dist/animated-icons/link.js +51 -0
- package/dist/animated-icons/list-ordered.d.ts +10 -0
- package/dist/animated-icons/list-ordered.js +46 -0
- package/dist/animated-icons/list.d.ts +10 -0
- package/dist/animated-icons/list.js +56 -0
- package/dist/animated-icons/loader-pinwheel.d.ts +10 -0
- package/dist/animated-icons/loader-pinwheel.js +51 -0
- package/dist/animated-icons/logout.d.ts +10 -0
- package/dist/animated-icons/logout.js +44 -0
- package/dist/animated-icons/maximize.d.ts +10 -0
- package/dist/animated-icons/maximize.js +45 -0
- package/dist/animated-icons/message-square.d.ts +10 -0
- package/dist/animated-icons/message-square.js +56 -0
- package/dist/animated-icons/palette.d.ts +10 -0
- package/dist/animated-icons/palette.js +45 -0
- package/dist/animated-icons/paperclip.d.ts +10 -0
- package/dist/animated-icons/paperclip.js +45 -0
- package/dist/animated-icons/pencil.d.ts +10 -0
- package/dist/animated-icons/pencil.js +46 -0
- package/dist/animated-icons/plus.d.ts +10 -0
- package/dist/animated-icons/plus.js +42 -0
- package/dist/animated-icons/search.d.ts +10 -0
- package/dist/animated-icons/search.js +44 -0
- package/dist/animated-icons/send.d.ts +10 -0
- package/dist/animated-icons/send.js +46 -0
- package/dist/animated-icons/settings.d.ts +10 -0
- package/dist/animated-icons/settings.js +42 -0
- package/dist/animated-icons/shield.d.ts +10 -0
- package/dist/animated-icons/shield.js +45 -0
- package/dist/animated-icons/strikethrough.d.ts +10 -0
- package/dist/animated-icons/strikethrough.js +45 -0
- package/dist/animated-icons/timer.d.ts +10 -0
- package/dist/animated-icons/timer.js +70 -0
- package/dist/animated-icons/trash.d.ts +10 -0
- package/dist/animated-icons/trash.js +56 -0
- package/dist/animated-icons/trending-down.d.ts +10 -0
- package/dist/animated-icons/trending-down.js +86 -0
- package/dist/animated-icons/trending-up.d.ts +10 -0
- package/dist/animated-icons/trending-up.js +86 -0
- package/dist/animated-icons/underline.d.ts +10 -0
- package/dist/animated-icons/underline.js +45 -0
- package/dist/animated-icons/upload.d.ts +10 -0
- package/dist/animated-icons/upload.js +47 -0
- package/dist/animated-icons/users.d.ts +10 -0
- package/dist/animated-icons/users.js +45 -0
- package/dist/animated-icons/x.d.ts +10 -0
- package/dist/animated-icons/x.js +45 -0
- package/dist/avatar.d.ts +32 -0
- package/dist/avatar.js +21 -0
- package/dist/badge.d.ts +4 -3
- package/dist/badge.js +7 -12
- package/dist/breadcrumb.d.ts +30 -0
- package/dist/breadcrumb.js +32 -0
- package/dist/button.d.ts +2 -2
- package/dist/button.js +84 -6
- package/dist/command-search.d.ts +44 -0
- package/dist/command-search.js +73 -0
- package/dist/command.d.ts +77 -0
- package/dist/command.js +24 -0
- package/dist/count-badge.d.ts +10 -0
- package/dist/count-badge.js +34 -0
- package/dist/dialog-primitive.d.ts +22 -0
- package/dist/dialog-primitive.js +23 -0
- package/dist/dialog.d.ts +28 -0
- package/dist/dialog.js +60 -0
- package/dist/draggable-tabs.d.ts +27 -0
- package/dist/draggable-tabs.js +61 -0
- package/dist/drawer.d.ts +30 -0
- package/dist/drawer.js +77 -0
- package/dist/editable-table.d.ts +31 -0
- package/dist/editable-table.js +122 -0
- package/dist/email-input.d.ts +16 -0
- package/dist/email-input.js +55 -0
- package/dist/empty-state.d.ts +11 -0
- package/dist/empty-state.js +7 -0
- package/dist/field.d.ts +6 -0
- package/dist/field.js +18 -0
- package/dist/filter-toggle.d.ts +12 -0
- package/dist/filter-toggle.js +23 -0
- package/dist/govt-masthead.d.ts +9 -0
- package/dist/govt-masthead.js +8 -0
- package/dist/index.d.ts +55 -4
- package/dist/index.js +32 -4
- package/dist/input-control.d.ts +4 -0
- package/dist/input-control.js +7 -0
- package/dist/input-validation.d.ts +9 -0
- package/dist/input-validation.js +75 -0
- package/dist/input.d.ts +16 -0
- package/dist/input.js +22 -0
- package/dist/label-value-grid.d.ts +13 -0
- package/dist/label-value-grid.js +61 -0
- package/dist/label-value.d.ts +11 -0
- package/dist/label-value.js +19 -0
- package/dist/layout.d.ts +57 -0
- package/dist/layout.js +166 -0
- package/dist/otp-input.d.ts +21 -0
- package/dist/otp-input.js +60 -0
- package/dist/page-header.d.ts +9 -0
- package/dist/page-header.js +6 -0
- package/dist/pagination.d.ts +12 -0
- package/dist/pagination.js +24 -0
- package/dist/phone-input.d.ts +36 -0
- package/dist/phone-input.js +135 -0
- package/dist/right-drawer.d.ts +2 -0
- package/dist/right-drawer.js +1 -0
- package/dist/search-input-shell.d.ts +8 -0
- package/dist/search-input-shell.js +9 -0
- package/dist/search-input.d.ts +20 -0
- package/dist/search-input.js +73 -0
- package/dist/select-primitive.d.ts +17 -0
- package/dist/select-primitive.js +33 -0
- package/dist/select.d.ts +31 -0
- package/dist/select.js +97 -0
- package/dist/styles.css +111 -1
- package/dist/table-toolbar.d.ts +7 -0
- package/dist/table-toolbar.js +7 -0
- package/dist/table.d.ts +87 -3
- package/dist/table.js +102 -5
- package/dist/tabs.d.ts +24 -7
- package/dist/tabs.js +22 -26
- package/dist/tailwind-preset.d.ts +4 -0
- package/dist/tailwind-preset.js +97 -0
- package/dist/textarea.d.ts +16 -0
- package/dist/textarea.js +23 -0
- package/dist/theme.d.ts +259 -0
- package/dist/theme.js +118 -0
- package/dist/tooltip.d.ts +15 -3
- package/dist/tooltip.js +9 -4
- package/dist/typography.d.ts +11 -0
- package/dist/typography.js +41 -0
- package/dist/use-search-highlight.d.ts +13 -0
- package/dist/use-search-highlight.js +46 -0
- package/package.json +126 -4
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neasg/design-system",
|
|
3
|
-
"version": "0.1
|
|
3
|
+
"version": "0.2.1",
|
|
4
4
|
"description": "NEA shared design system primitives, theme tokens, and Storybook docs.",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"type": "module",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"README.md"
|
|
16
16
|
],
|
|
17
17
|
"scripts": {
|
|
18
|
-
"build": "tsc -p tsconfig.build.json && node scripts/copy-css.mjs",
|
|
18
|
+
"build": "node scripts/clean-dist.mjs && tsc -p tsconfig.build.json && node scripts/copy-css.mjs",
|
|
19
19
|
"storybook": "storybook dev -p 6007 -c .storybook",
|
|
20
20
|
"build-storybook": "storybook build -c .storybook",
|
|
21
21
|
"test": "vitest run",
|
|
@@ -30,13 +30,28 @@
|
|
|
30
30
|
"react-dom": "^18.2.0"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
+
"@dnd-kit/core": "^6.3.1",
|
|
34
|
+
"@dnd-kit/sortable": "^10.0.0",
|
|
35
|
+
"@dnd-kit/utilities": "^3.2.2",
|
|
36
|
+
"@govtechsg/sgds-web-component": "^3.8.1",
|
|
37
|
+
"@radix-ui/react-avatar": "^1.1.11",
|
|
38
|
+
"@radix-ui/react-dialog": "^1.1.15",
|
|
39
|
+
"@radix-ui/react-select": "^2.2.6",
|
|
33
40
|
"@radix-ui/react-slot": "^1.2.4",
|
|
41
|
+
"@radix-ui/react-tabs": "^1.1.13",
|
|
34
42
|
"@radix-ui/react-tooltip": "^1.2.8",
|
|
35
43
|
"class-variance-authority": "^0.7.0",
|
|
36
44
|
"clsx": "^2.1.1",
|
|
37
|
-
"
|
|
45
|
+
"cmdk": "^1.1.1",
|
|
46
|
+
"input-otp": "^1.4.2",
|
|
47
|
+
"libphonenumber-js": "^1.12.41",
|
|
48
|
+
"lucide-react": "^0.555.0",
|
|
49
|
+
"motion": "^12.33.0",
|
|
50
|
+
"tailwind-merge": "^2.3.0",
|
|
51
|
+
"tailwindcss-animate": "^1.0.7"
|
|
38
52
|
},
|
|
39
53
|
"devDependencies": {
|
|
54
|
+
"@fontsource/inter": "^5.2.8",
|
|
40
55
|
"@storybook/addon-docs": "10.2.19",
|
|
41
56
|
"@storybook/addon-themes": "10.2.19",
|
|
42
57
|
"@storybook/react": "10.2.19",
|
|
@@ -53,7 +68,6 @@
|
|
|
53
68
|
"react-dom": "^18.2.0",
|
|
54
69
|
"storybook": "10.2.19",
|
|
55
70
|
"tailwindcss": "^3.4.1",
|
|
56
|
-
"tailwindcss-animate": "^1.0.7",
|
|
57
71
|
"typescript": "^5.3.3",
|
|
58
72
|
"vitest": "^4.1.0"
|
|
59
73
|
},
|
|
@@ -62,6 +76,14 @@
|
|
|
62
76
|
"types": "./dist/index.d.ts",
|
|
63
77
|
"import": "./dist/index.js"
|
|
64
78
|
},
|
|
79
|
+
"./avatar": {
|
|
80
|
+
"types": "./dist/avatar.d.ts",
|
|
81
|
+
"import": "./dist/avatar.js"
|
|
82
|
+
},
|
|
83
|
+
"./animated-icons": {
|
|
84
|
+
"types": "./dist/animated-icons/index.d.ts",
|
|
85
|
+
"import": "./dist/animated-icons/index.js"
|
|
86
|
+
},
|
|
65
87
|
"./badge": {
|
|
66
88
|
"types": "./dist/badge.d.ts",
|
|
67
89
|
"import": "./dist/badge.js"
|
|
@@ -70,15 +92,115 @@
|
|
|
70
92
|
"types": "./dist/button.d.ts",
|
|
71
93
|
"import": "./dist/button.js"
|
|
72
94
|
},
|
|
95
|
+
"./dialog": {
|
|
96
|
+
"types": "./dist/dialog.d.ts",
|
|
97
|
+
"import": "./dist/dialog.js"
|
|
98
|
+
},
|
|
99
|
+
"./command": {
|
|
100
|
+
"types": "./dist/command.d.ts",
|
|
101
|
+
"import": "./dist/command.js"
|
|
102
|
+
},
|
|
103
|
+
"./count-badge": {
|
|
104
|
+
"types": "./dist/count-badge.d.ts",
|
|
105
|
+
"import": "./dist/count-badge.js"
|
|
106
|
+
},
|
|
107
|
+
"./command-search": {
|
|
108
|
+
"types": "./dist/command-search.d.ts",
|
|
109
|
+
"import": "./dist/command-search.js"
|
|
110
|
+
},
|
|
111
|
+
"./empty-state": {
|
|
112
|
+
"types": "./dist/empty-state.d.ts",
|
|
113
|
+
"import": "./dist/empty-state.js"
|
|
114
|
+
},
|
|
115
|
+
"./editable-table": {
|
|
116
|
+
"types": "./dist/editable-table.d.ts",
|
|
117
|
+
"import": "./dist/editable-table.js"
|
|
118
|
+
},
|
|
119
|
+
"./email-input": {
|
|
120
|
+
"types": "./dist/email-input.d.ts",
|
|
121
|
+
"import": "./dist/email-input.js"
|
|
122
|
+
},
|
|
123
|
+
"./input": {
|
|
124
|
+
"types": "./dist/input.d.ts",
|
|
125
|
+
"import": "./dist/input.js"
|
|
126
|
+
},
|
|
127
|
+
"./phone-input": {
|
|
128
|
+
"types": "./dist/phone-input.d.ts",
|
|
129
|
+
"import": "./dist/phone-input.js"
|
|
130
|
+
},
|
|
131
|
+
"./otp-input": {
|
|
132
|
+
"types": "./dist/otp-input.d.ts",
|
|
133
|
+
"import": "./dist/otp-input.js"
|
|
134
|
+
},
|
|
135
|
+
"./select": {
|
|
136
|
+
"types": "./dist/select.d.ts",
|
|
137
|
+
"import": "./dist/select.js"
|
|
138
|
+
},
|
|
139
|
+
"./label-value": {
|
|
140
|
+
"types": "./dist/label-value.d.ts",
|
|
141
|
+
"import": "./dist/label-value.js"
|
|
142
|
+
},
|
|
143
|
+
"./label-value-grid": {
|
|
144
|
+
"types": "./dist/label-value-grid.d.ts",
|
|
145
|
+
"import": "./dist/label-value-grid.js"
|
|
146
|
+
},
|
|
147
|
+
"./breadcrumb": {
|
|
148
|
+
"types": "./dist/breadcrumb.d.ts",
|
|
149
|
+
"import": "./dist/breadcrumb.js"
|
|
150
|
+
},
|
|
151
|
+
"./draggable-tabs": {
|
|
152
|
+
"types": "./dist/draggable-tabs.d.ts",
|
|
153
|
+
"import": "./dist/draggable-tabs.js"
|
|
154
|
+
},
|
|
155
|
+
"./drawer": {
|
|
156
|
+
"types": "./dist/drawer.d.ts",
|
|
157
|
+
"import": "./dist/drawer.js"
|
|
158
|
+
},
|
|
159
|
+
"./right-drawer": {
|
|
160
|
+
"types": "./dist/right-drawer.d.ts",
|
|
161
|
+
"import": "./dist/right-drawer.js"
|
|
162
|
+
},
|
|
163
|
+
"./layout": {
|
|
164
|
+
"types": "./dist/layout.d.ts",
|
|
165
|
+
"import": "./dist/layout.js"
|
|
166
|
+
},
|
|
167
|
+
"./page-header": {
|
|
168
|
+
"types": "./dist/page-header.d.ts",
|
|
169
|
+
"import": "./dist/page-header.js"
|
|
170
|
+
},
|
|
171
|
+
"./pagination": {
|
|
172
|
+
"types": "./dist/pagination.d.ts",
|
|
173
|
+
"import": "./dist/pagination.js"
|
|
174
|
+
},
|
|
175
|
+
"./search-input": {
|
|
176
|
+
"types": "./dist/search-input.d.ts",
|
|
177
|
+
"import": "./dist/search-input.js"
|
|
178
|
+
},
|
|
73
179
|
"./styles.css": "./dist/styles.css",
|
|
74
180
|
"./table": {
|
|
75
181
|
"types": "./dist/table.d.ts",
|
|
76
182
|
"import": "./dist/table.js"
|
|
77
183
|
},
|
|
184
|
+
"./table-toolbar": {
|
|
185
|
+
"types": "./dist/table-toolbar.d.ts",
|
|
186
|
+
"import": "./dist/table-toolbar.js"
|
|
187
|
+
},
|
|
188
|
+
"./tailwind-preset": {
|
|
189
|
+
"types": "./dist/tailwind-preset.d.ts",
|
|
190
|
+
"import": "./dist/tailwind-preset.js"
|
|
191
|
+
},
|
|
78
192
|
"./tabs": {
|
|
79
193
|
"types": "./dist/tabs.d.ts",
|
|
80
194
|
"import": "./dist/tabs.js"
|
|
81
195
|
},
|
|
196
|
+
"./textarea": {
|
|
197
|
+
"types": "./dist/textarea.d.ts",
|
|
198
|
+
"import": "./dist/textarea.js"
|
|
199
|
+
},
|
|
200
|
+
"./typography": {
|
|
201
|
+
"types": "./dist/typography.d.ts",
|
|
202
|
+
"import": "./dist/typography.js"
|
|
203
|
+
},
|
|
82
204
|
"./theme": {
|
|
83
205
|
"types": "./dist/theme.d.ts",
|
|
84
206
|
"import": "./dist/theme.js"
|