@icen.ai/ui 0.3.0 → 0.5.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 (78) hide show
  1. package/dist/behaviors/back-top.mjs +84 -0
  2. package/dist/behaviors/charts.mjs +188 -0
  3. package/dist/behaviors/command-palette.mjs +177 -0
  4. package/dist/behaviors/datatable.mjs +244 -24
  5. package/dist/behaviors/date-picker.mjs +228 -0
  6. package/dist/behaviors/input.mjs +170 -1
  7. package/dist/behaviors/notification.mjs +754 -0
  8. package/dist/behaviors/select.mjs +151 -22
  9. package/dist/behaviors/split-pane.mjs +102 -0
  10. package/dist/behaviors/upload.mjs +165 -14
  11. package/dist/components/back-top.css +88 -0
  12. package/dist/components/back-top.mjs +3 -0
  13. package/dist/components/badge.css +131 -0
  14. package/dist/components/badge.mjs +2 -0
  15. package/dist/components/breadcrumb.css +57 -0
  16. package/dist/components/card.css +68 -0
  17. package/dist/components/chart-area.css +15 -0
  18. package/dist/components/chart-area.mjs +4 -0
  19. package/dist/components/chart-bar.css +79 -0
  20. package/dist/components/chart-bar.mjs +4 -0
  21. package/dist/components/chart-gauge.css +38 -0
  22. package/dist/components/chart-gauge.mjs +4 -0
  23. package/dist/components/chart-heatmap.css +52 -0
  24. package/dist/components/chart-heatmap.mjs +4 -0
  25. package/dist/components/chart-line.css +15 -0
  26. package/dist/components/chart-line.mjs +4 -0
  27. package/dist/components/chart-pie.css +26 -0
  28. package/dist/components/chart-pie.mjs +4 -0
  29. package/dist/components/chart-radar.css +19 -0
  30. package/dist/components/chart-radar.mjs +4 -0
  31. package/dist/components/chart-sparkline.css +14 -0
  32. package/dist/components/chart-sparkline.mjs +4 -0
  33. package/dist/components/chart-stack.css +30 -0
  34. package/dist/components/chart-stack.mjs +4 -0
  35. package/dist/components/charts.css +7 -207
  36. package/dist/components/charts.mjs +9 -0
  37. package/dist/components/command-palette.css +246 -0
  38. package/dist/components/command-palette.mjs +3 -0
  39. package/dist/components/content.css +214 -0
  40. package/dist/components/copy.css +93 -0
  41. package/dist/components/copy.mjs +3 -0
  42. package/dist/components/datatable.css +86 -0
  43. package/dist/components/date-picker.css +244 -0
  44. package/dist/components/date-picker.mjs +3 -0
  45. package/dist/components/empty.css +73 -3
  46. package/dist/components/feedback.css +239 -1
  47. package/dist/components/form.css +119 -0
  48. package/dist/components/form.mjs +2 -0
  49. package/dist/components/input.css +24 -1
  50. package/dist/components/media.css +144 -1
  51. package/dist/components/nav.css +99 -0
  52. package/dist/components/notification.css +387 -0
  53. package/dist/components/notification.mjs +3 -0
  54. package/dist/components/panel.css +100 -5
  55. package/dist/components/pill.css +70 -0
  56. package/dist/components/scroll-area.css +112 -0
  57. package/dist/components/scroll-area.mjs +2 -0
  58. package/dist/components/segmented.css +75 -0
  59. package/dist/components/select.css +97 -2
  60. package/dist/components/sidebar.css +118 -0
  61. package/dist/components/slider.css +113 -0
  62. package/dist/components/split-pane.css +112 -0
  63. package/dist/components/split-pane.mjs +3 -0
  64. package/dist/components/stat.css +129 -6
  65. package/dist/components/steps.css +97 -0
  66. package/dist/components/switch.css +142 -0
  67. package/dist/components/table.css +86 -3
  68. package/dist/components/tabs.css +122 -1
  69. package/dist/components/tag.css +164 -0
  70. package/dist/components/tag.mjs +2 -0
  71. package/dist/components/toast.css +114 -0
  72. package/dist/components/toolbar.css +101 -0
  73. package/dist/components/toolbar.mjs +2 -0
  74. package/dist/components/upload.css +61 -4
  75. package/dist/index.mjs +2039 -62
  76. package/dist/registry.json +200 -24
  77. package/dist/ui.css +4865 -622
  78. package/package.json +1 -1
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@icen.ai/ui",
3
- "version": "0.3.0",
3
+ "version": "0.5.0",
4
4
  "tokens": [
5
5
  "colors.css",
6
6
  "style-profiles.css",
@@ -11,12 +11,26 @@
11
11
  ],
12
12
  "base": "base.css",
13
13
  "components": [
14
+ "back-top",
15
+ "badge",
14
16
  "breadcrumb",
15
17
  "btn",
16
18
  "card",
19
+ "chart-area",
20
+ "chart-bar",
21
+ "chart-gauge",
22
+ "chart-heatmap",
23
+ "chart-line",
24
+ "chart-pie",
25
+ "chart-radar",
26
+ "chart-sparkline",
27
+ "chart-stack",
17
28
  "charts",
29
+ "command-palette",
18
30
  "content",
31
+ "copy",
19
32
  "datatable",
33
+ "date-picker",
20
34
  "empty",
21
35
  "feedback",
22
36
  "form",
@@ -26,39 +40,49 @@
26
40
  "menu",
27
41
  "modal",
28
42
  "nav",
43
+ "notification",
29
44
  "pagination",
30
45
  "panel",
31
46
  "pill",
32
47
  "popover",
48
+ "scroll-area",
33
49
  "segmented",
34
50
  "select",
35
51
  "sidebar",
36
52
  "slider",
53
+ "split-pane",
37
54
  "stat",
38
55
  "steps",
39
56
  "switch",
40
57
  "table",
41
58
  "tabs",
42
59
  "tag-input",
60
+ "tag",
43
61
  "toast",
62
+ "toolbar",
44
63
  "tooltip",
45
64
  "upload"
46
65
  ],
47
66
  "behaviors": [
48
67
  "accordion",
68
+ "back-top",
49
69
  "carousel",
50
70
  "charts",
71
+ "command-palette",
51
72
  "context-menu",
52
73
  "copy",
53
74
  "datatable",
75
+ "date-picker",
54
76
  "dropdown",
55
77
  "input",
56
78
  "modal",
57
79
  "nav",
80
+ "notification",
58
81
  "popover",
59
82
  "select",
60
83
  "sidebar",
61
84
  "slider",
85
+ "split-pane",
62
86
  "tabs",
63
87
  "tag-input",
64
88
  "theme",
@@ -76,6 +100,9 @@
76
100
  "pill": {
77
101
  "css": "pill.css"
78
102
  },
103
+ "tag": {
104
+ "css": "tag.css"
105
+ },
79
106
  "tabs": {
80
107
  "css": "tabs.css",
81
108
  "behavior": "tabs",
@@ -84,9 +111,6 @@
84
111
  "stat": {
85
112
  "css": "stat.css"
86
113
  },
87
- "table": {
88
- "css": "table.css"
89
- },
90
114
  "toast": {
91
115
  "css": "toast.css",
92
116
  "behavior": "toast",
@@ -94,6 +118,17 @@
94
118
  "toast"
95
119
  ]
96
120
  },
121
+ "toolbar": {
122
+ "css": "toolbar.css"
123
+ },
124
+ "split-pane": {
125
+ "css": "split-pane.css",
126
+ "behavior": "split-pane",
127
+ "init": "initSplitPane"
128
+ },
129
+ "form": {
130
+ "css": "form.css"
131
+ },
97
132
  "input": {
98
133
  "css": "input.css",
99
134
  "behavior": "input",
@@ -125,6 +160,11 @@
125
160
  "behavior": "upload",
126
161
  "init": "initUpload"
127
162
  },
163
+ "date-picker": {
164
+ "css": "date-picker.css",
165
+ "behavior": "date-picker",
166
+ "init": "initDatePicker"
167
+ },
128
168
  "modal": {
129
169
  "css": "modal.css",
130
170
  "behavior": "modal",
@@ -152,27 +192,17 @@
152
192
  "tooltip": {
153
193
  "css": "tooltip.css"
154
194
  },
195
+ "command-palette": {
196
+ "css": "command-palette.css",
197
+ "behavior": "command-palette",
198
+ "init": "initCommandPalette"
199
+ },
155
200
  "card": {
156
201
  "css": "card.css"
157
202
  },
158
203
  "empty": {
159
204
  "css": "empty.css"
160
205
  },
161
- "alert": {
162
- "css": "feedback.css"
163
- },
164
- "result": {
165
- "css": "feedback.css"
166
- },
167
- "progress": {
168
- "css": "feedback.css"
169
- },
170
- "spinner": {
171
- "css": "feedback.css"
172
- },
173
- "skeleton": {
174
- "css": "feedback.css"
175
- },
176
206
  "avatar": {
177
207
  "css": "media.css"
178
208
  },
@@ -209,8 +239,38 @@
209
239
  "behavior": "carousel",
210
240
  "init": "initCarousel"
211
241
  },
242
+ "badge": {
243
+ "css": "badge.css"
244
+ },
245
+ "scroll-area": {
246
+ "css": "scroll-area.css"
247
+ },
248
+ "table": {
249
+ "css": "table.css"
250
+ },
251
+ "datatable": {
252
+ "css": "datatable.css",
253
+ "extraCss": [
254
+ "menu.css"
255
+ ],
256
+ "behavior": "datatable",
257
+ "exports": [
258
+ "createTable"
259
+ ]
260
+ },
212
261
  "charts": {
213
262
  "css": "charts.css",
263
+ "extraCss": [
264
+ "chart-line.css",
265
+ "chart-bar.css",
266
+ "chart-pie.css",
267
+ "chart-radar.css",
268
+ "chart-heatmap.css",
269
+ "chart-area.css",
270
+ "chart-stack.css",
271
+ "chart-gauge.css",
272
+ "chart-sparkline.css"
273
+ ],
214
274
  "behavior": "charts",
215
275
  "exports": [
216
276
  "renderVBar",
@@ -218,19 +278,130 @@
218
278
  "renderStack",
219
279
  "renderDonut",
220
280
  "renderLine",
281
+ "renderArea",
282
+ "renderRadar",
221
283
  "renderHeatmap",
222
284
  "renderSparkline",
223
285
  "renderGauge"
224
286
  ]
225
287
  },
226
- "datatable": {
227
- "css": "datatable.css",
288
+ "chart-line": {
289
+ "css": "chart-line.css",
228
290
  "extraCss": [
229
- "menu.css"
291
+ "charts.css"
230
292
  ],
231
- "behavior": "datatable",
293
+ "behavior": "charts",
232
294
  "exports": [
233
- "createTable"
295
+ "renderLine"
296
+ ]
297
+ },
298
+ "chart-bar": {
299
+ "css": "chart-bar.css",
300
+ "extraCss": [
301
+ "charts.css"
302
+ ],
303
+ "behavior": "charts",
304
+ "exports": [
305
+ "renderVBar",
306
+ "renderHBar"
307
+ ]
308
+ },
309
+ "chart-pie": {
310
+ "css": "chart-pie.css",
311
+ "extraCss": [
312
+ "charts.css"
313
+ ],
314
+ "behavior": "charts",
315
+ "exports": [
316
+ "renderDonut"
317
+ ]
318
+ },
319
+ "chart-radar": {
320
+ "css": "chart-radar.css",
321
+ "extraCss": [
322
+ "charts.css"
323
+ ],
324
+ "behavior": "charts",
325
+ "exports": [
326
+ "renderRadar"
327
+ ]
328
+ },
329
+ "chart-heatmap": {
330
+ "css": "chart-heatmap.css",
331
+ "extraCss": [
332
+ "charts.css"
333
+ ],
334
+ "behavior": "charts",
335
+ "exports": [
336
+ "renderHeatmap"
337
+ ]
338
+ },
339
+ "chart-area": {
340
+ "css": "chart-area.css",
341
+ "extraCss": [
342
+ "charts.css"
343
+ ],
344
+ "behavior": "charts",
345
+ "exports": [
346
+ "renderArea"
347
+ ]
348
+ },
349
+ "chart-stack": {
350
+ "css": "chart-stack.css",
351
+ "extraCss": [
352
+ "charts.css"
353
+ ],
354
+ "behavior": "charts",
355
+ "exports": [
356
+ "renderStack"
357
+ ]
358
+ },
359
+ "chart-gauge": {
360
+ "css": "chart-gauge.css",
361
+ "extraCss": [
362
+ "charts.css"
363
+ ],
364
+ "behavior": "charts",
365
+ "exports": [
366
+ "renderGauge"
367
+ ]
368
+ },
369
+ "chart-sparkline": {
370
+ "css": "chart-sparkline.css",
371
+ "extraCss": [
372
+ "charts.css"
373
+ ],
374
+ "behavior": "charts",
375
+ "exports": [
376
+ "renderSparkline"
377
+ ]
378
+ },
379
+ "alert": {
380
+ "css": "feedback.css"
381
+ },
382
+ "result": {
383
+ "css": "feedback.css"
384
+ },
385
+ "progress": {
386
+ "css": "feedback.css"
387
+ },
388
+ "spinner": {
389
+ "css": "feedback.css"
390
+ },
391
+ "skeleton": {
392
+ "css": "feedback.css"
393
+ },
394
+ "copy": {
395
+ "css": "copy.css",
396
+ "behavior": "copy",
397
+ "init": "initCopy"
398
+ },
399
+ "notification": {
400
+ "css": "notification.css",
401
+ "behavior": "notification",
402
+ "init": "initNotification",
403
+ "exports": [
404
+ "notify"
234
405
  ]
235
406
  },
236
407
  "nav": {
@@ -252,6 +423,11 @@
252
423
  "steps": {
253
424
  "css": "steps.css"
254
425
  },
426
+ "back-top": {
427
+ "css": "back-top.css",
428
+ "behavior": "back-top",
429
+ "init": "initBackTop"
430
+ },
255
431
  "layout": {
256
432
  "css": "layout.css"
257
433
  }