@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.
Files changed (189) hide show
  1. package/README.md +102 -14
  2. package/dist/animated-icons/arrow-down.d.ts +10 -0
  3. package/dist/animated-icons/arrow-down.js +54 -0
  4. package/dist/animated-icons/arrow-up.d.ts +10 -0
  5. package/dist/animated-icons/arrow-up.js +54 -0
  6. package/dist/animated-icons/bell.d.ts +10 -0
  7. package/dist/animated-icons/bell.js +42 -0
  8. package/dist/animated-icons/bold.d.ts +10 -0
  9. package/dist/animated-icons/bold.js +45 -0
  10. package/dist/animated-icons/book-open.d.ts +10 -0
  11. package/dist/animated-icons/book-open.js +55 -0
  12. package/dist/animated-icons/building.d.ts +10 -0
  13. package/dist/animated-icons/building.js +46 -0
  14. package/dist/animated-icons/check.d.ts +10 -0
  15. package/dist/animated-icons/check.js +55 -0
  16. package/dist/animated-icons/chevron-down.d.ts +10 -0
  17. package/dist/animated-icons/chevron-down.js +42 -0
  18. package/dist/animated-icons/chevron-left.d.ts +10 -0
  19. package/dist/animated-icons/chevron-left.js +42 -0
  20. package/dist/animated-icons/chevron-right.d.ts +10 -0
  21. package/dist/animated-icons/chevron-right.js +42 -0
  22. package/dist/animated-icons/chevron-up.d.ts +10 -0
  23. package/dist/animated-icons/chevron-up.js +42 -0
  24. package/dist/animated-icons/clipboard-check.d.ts +10 -0
  25. package/dist/animated-icons/clipboard-check.js +56 -0
  26. package/dist/animated-icons/download.d.ts +10 -0
  27. package/dist/animated-icons/download.js +47 -0
  28. package/dist/animated-icons/external-link.d.ts +10 -0
  29. package/dist/animated-icons/external-link.js +59 -0
  30. package/dist/animated-icons/eye.d.ts +10 -0
  31. package/dist/animated-icons/eye.js +41 -0
  32. package/dist/animated-icons/file-text.d.ts +11 -0
  33. package/dist/animated-icons/file-text.js +89 -0
  34. package/dist/animated-icons/filter.d.ts +10 -0
  35. package/dist/animated-icons/filter.js +78 -0
  36. package/dist/animated-icons/folder-open.d.ts +10 -0
  37. package/dist/animated-icons/folder-open.js +46 -0
  38. package/dist/animated-icons/form.d.ts +10 -0
  39. package/dist/animated-icons/form.js +56 -0
  40. package/dist/animated-icons/git-branch.d.ts +10 -0
  41. package/dist/animated-icons/git-branch.js +56 -0
  42. package/dist/animated-icons/grip-horizontal.d.ts +10 -0
  43. package/dist/animated-icons/grip-horizontal.js +70 -0
  44. package/dist/animated-icons/grip-vertical.d.ts +10 -0
  45. package/dist/animated-icons/grip-vertical.js +67 -0
  46. package/dist/animated-icons/grip.d.ts +10 -0
  47. package/dist/animated-icons/grip.js +72 -0
  48. package/dist/animated-icons/highlighter.d.ts +10 -0
  49. package/dist/animated-icons/highlighter.js +46 -0
  50. package/dist/animated-icons/history.d.ts +10 -0
  51. package/dist/animated-icons/history.js +80 -0
  52. package/dist/animated-icons/index.d.ts +100 -0
  53. package/dist/animated-icons/index.js +50 -0
  54. package/dist/animated-icons/italic.d.ts +10 -0
  55. package/dist/animated-icons/italic.js +45 -0
  56. package/dist/animated-icons/link.d.ts +10 -0
  57. package/dist/animated-icons/link.js +51 -0
  58. package/dist/animated-icons/list-ordered.d.ts +10 -0
  59. package/dist/animated-icons/list-ordered.js +46 -0
  60. package/dist/animated-icons/list.d.ts +10 -0
  61. package/dist/animated-icons/list.js +56 -0
  62. package/dist/animated-icons/loader-pinwheel.d.ts +10 -0
  63. package/dist/animated-icons/loader-pinwheel.js +51 -0
  64. package/dist/animated-icons/logout.d.ts +10 -0
  65. package/dist/animated-icons/logout.js +44 -0
  66. package/dist/animated-icons/maximize.d.ts +10 -0
  67. package/dist/animated-icons/maximize.js +45 -0
  68. package/dist/animated-icons/message-square.d.ts +10 -0
  69. package/dist/animated-icons/message-square.js +56 -0
  70. package/dist/animated-icons/palette.d.ts +10 -0
  71. package/dist/animated-icons/palette.js +45 -0
  72. package/dist/animated-icons/paperclip.d.ts +10 -0
  73. package/dist/animated-icons/paperclip.js +45 -0
  74. package/dist/animated-icons/pencil.d.ts +10 -0
  75. package/dist/animated-icons/pencil.js +46 -0
  76. package/dist/animated-icons/plus.d.ts +10 -0
  77. package/dist/animated-icons/plus.js +42 -0
  78. package/dist/animated-icons/search.d.ts +10 -0
  79. package/dist/animated-icons/search.js +44 -0
  80. package/dist/animated-icons/send.d.ts +10 -0
  81. package/dist/animated-icons/send.js +46 -0
  82. package/dist/animated-icons/settings.d.ts +10 -0
  83. package/dist/animated-icons/settings.js +42 -0
  84. package/dist/animated-icons/shield.d.ts +10 -0
  85. package/dist/animated-icons/shield.js +45 -0
  86. package/dist/animated-icons/strikethrough.d.ts +10 -0
  87. package/dist/animated-icons/strikethrough.js +45 -0
  88. package/dist/animated-icons/timer.d.ts +10 -0
  89. package/dist/animated-icons/timer.js +70 -0
  90. package/dist/animated-icons/trash.d.ts +10 -0
  91. package/dist/animated-icons/trash.js +56 -0
  92. package/dist/animated-icons/trending-down.d.ts +10 -0
  93. package/dist/animated-icons/trending-down.js +86 -0
  94. package/dist/animated-icons/trending-up.d.ts +10 -0
  95. package/dist/animated-icons/trending-up.js +86 -0
  96. package/dist/animated-icons/underline.d.ts +10 -0
  97. package/dist/animated-icons/underline.js +45 -0
  98. package/dist/animated-icons/upload.d.ts +10 -0
  99. package/dist/animated-icons/upload.js +47 -0
  100. package/dist/animated-icons/users.d.ts +10 -0
  101. package/dist/animated-icons/users.js +45 -0
  102. package/dist/animated-icons/x.d.ts +10 -0
  103. package/dist/animated-icons/x.js +45 -0
  104. package/dist/avatar.d.ts +32 -0
  105. package/dist/avatar.js +21 -0
  106. package/dist/badge.d.ts +4 -3
  107. package/dist/badge.js +7 -12
  108. package/dist/breadcrumb.d.ts +30 -0
  109. package/dist/breadcrumb.js +32 -0
  110. package/dist/button.d.ts +2 -2
  111. package/dist/button.js +84 -6
  112. package/dist/command-search.d.ts +44 -0
  113. package/dist/command-search.js +73 -0
  114. package/dist/command.d.ts +77 -0
  115. package/dist/command.js +24 -0
  116. package/dist/count-badge.d.ts +10 -0
  117. package/dist/count-badge.js +34 -0
  118. package/dist/dialog-primitive.d.ts +22 -0
  119. package/dist/dialog-primitive.js +23 -0
  120. package/dist/dialog.d.ts +28 -0
  121. package/dist/dialog.js +60 -0
  122. package/dist/draggable-tabs.d.ts +27 -0
  123. package/dist/draggable-tabs.js +61 -0
  124. package/dist/drawer.d.ts +30 -0
  125. package/dist/drawer.js +77 -0
  126. package/dist/editable-table.d.ts +31 -0
  127. package/dist/editable-table.js +122 -0
  128. package/dist/email-input.d.ts +16 -0
  129. package/dist/email-input.js +55 -0
  130. package/dist/empty-state.d.ts +11 -0
  131. package/dist/empty-state.js +7 -0
  132. package/dist/field.d.ts +6 -0
  133. package/dist/field.js +18 -0
  134. package/dist/filter-toggle.d.ts +12 -0
  135. package/dist/filter-toggle.js +23 -0
  136. package/dist/govt-masthead.d.ts +9 -0
  137. package/dist/govt-masthead.js +8 -0
  138. package/dist/index.d.ts +55 -4
  139. package/dist/index.js +32 -4
  140. package/dist/input-control.d.ts +4 -0
  141. package/dist/input-control.js +7 -0
  142. package/dist/input-validation.d.ts +9 -0
  143. package/dist/input-validation.js +75 -0
  144. package/dist/input.d.ts +16 -0
  145. package/dist/input.js +22 -0
  146. package/dist/label-value-grid.d.ts +13 -0
  147. package/dist/label-value-grid.js +61 -0
  148. package/dist/label-value.d.ts +11 -0
  149. package/dist/label-value.js +19 -0
  150. package/dist/layout.d.ts +57 -0
  151. package/dist/layout.js +166 -0
  152. package/dist/otp-input.d.ts +21 -0
  153. package/dist/otp-input.js +60 -0
  154. package/dist/page-header.d.ts +9 -0
  155. package/dist/page-header.js +6 -0
  156. package/dist/pagination.d.ts +12 -0
  157. package/dist/pagination.js +24 -0
  158. package/dist/phone-input.d.ts +36 -0
  159. package/dist/phone-input.js +135 -0
  160. package/dist/right-drawer.d.ts +2 -0
  161. package/dist/right-drawer.js +1 -0
  162. package/dist/search-input-shell.d.ts +8 -0
  163. package/dist/search-input-shell.js +9 -0
  164. package/dist/search-input.d.ts +20 -0
  165. package/dist/search-input.js +73 -0
  166. package/dist/select-primitive.d.ts +17 -0
  167. package/dist/select-primitive.js +33 -0
  168. package/dist/select.d.ts +31 -0
  169. package/dist/select.js +97 -0
  170. package/dist/styles.css +111 -1
  171. package/dist/table-toolbar.d.ts +7 -0
  172. package/dist/table-toolbar.js +7 -0
  173. package/dist/table.d.ts +87 -3
  174. package/dist/table.js +102 -5
  175. package/dist/tabs.d.ts +24 -7
  176. package/dist/tabs.js +22 -26
  177. package/dist/tailwind-preset.d.ts +4 -0
  178. package/dist/tailwind-preset.js +97 -0
  179. package/dist/textarea.d.ts +16 -0
  180. package/dist/textarea.js +23 -0
  181. package/dist/theme.d.ts +259 -0
  182. package/dist/theme.js +118 -0
  183. package/dist/tooltip.d.ts +15 -3
  184. package/dist/tooltip.js +9 -4
  185. package/dist/typography.d.ts +11 -0
  186. package/dist/typography.js +41 -0
  187. package/dist/use-search-highlight.d.ts +13 -0
  188. package/dist/use-search-highlight.js +46 -0
  189. 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",
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
- "tailwind-merge": "^2.3.0"
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"