@tailor-platform/app-shell 1.17.0 → 1.19.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 (36) hide show
  1. package/dist/app-shell-core.css +1 -1
  2. package/dist/app-shell.d.ts +503 -137
  3. package/dist/app-shell.js +8847 -7378
  4. package/dist/{appshell-CahhZy7v.js → appshell-DQTz-QwK.js} +489 -379
  5. package/dist/style-entry.d.ts +1 -656
  6. package/dist/testing.d.ts +118 -113
  7. package/dist/testing.js +1 -1
  8. package/dist/theme.bridge.css +127 -40
  9. package/dist/theme.css +4 -3
  10. package/dist/themes/_template.css +5 -6
  11. package/dist/themes/bloom.css +0 -2
  12. package/dist/themes/cream.css +0 -2
  13. package/dist/themes/default.css +112 -77
  14. package/dist/vite-plugin.d.ts +118 -113
  15. package/package.json +8 -5
  16. package/skills/app-shell-patterns/SKILL.md +51 -32
  17. package/skills/app-shell-patterns/references/api/aggregations.md +131 -0
  18. package/skills/app-shell-patterns/references/api/define-i18n-labels.md +123 -91
  19. package/skills/app-shell-patterns/references/api/define-module.md +2 -4
  20. package/skills/app-shell-patterns/references/components/action-panel.md +55 -23
  21. package/skills/app-shell-patterns/references/components/badge.md +7 -3
  22. package/skills/app-shell-patterns/references/components/data-table.md +724 -36
  23. package/skills/app-shell-patterns/references/components/form.md +19 -9
  24. package/skills/app-shell-patterns/references/components/item-list.md +191 -0
  25. package/skills/app-shell-patterns/references/components/select.md +10 -0
  26. package/skills/app-shell-patterns/references/components/sidebar-group.md +6 -6
  27. package/skills/app-shell-patterns/references/components/text.md +235 -0
  28. package/skills/app-shell-patterns/references/concepts/sidebar-navigation.md +16 -14
  29. package/skills/app-shell-patterns/references/concepts/styling-theming.md +46 -22
  30. package/skills/app-shell-patterns/references/migrations.md +23 -2
  31. package/skills/app-shell-patterns/references/pages/document-detail.md +36 -25
  32. package/skills/app-shell-patterns/references/patterns/form-modal.md +4 -1
  33. package/skills/app-shell-patterns/references/patterns/i18n-labels.md +139 -0
  34. package/skills/app-shell-patterns/references/patterns/list-dense-scan.md +3 -2
  35. package/dist/semantic-contrast.test.ts +0 -154
  36. package/dist/theme-bridge.test.ts +0 -159
@@ -16,37 +16,37 @@ declare namespace Root {
16
16
  }
17
17
 
18
18
 
19
- declare namespace Viewport {
19
+ declare namespace Header {
20
20
  var displayName: string;
21
21
  }
22
22
 
23
23
 
24
- declare namespace Row {
24
+ declare namespace Body {
25
25
  var displayName: string;
26
26
  }
27
27
 
28
28
 
29
- declare namespace Interval {
29
+ declare namespace Footer {
30
30
  var displayName: string;
31
31
  }
32
32
 
33
33
 
34
- declare namespace TimelineLink {
34
+ declare namespace Row {
35
35
  var displayName: string;
36
36
  }
37
37
 
38
38
 
39
- declare namespace Root {
39
+ declare namespace Head {
40
40
  var displayName: string;
41
41
  }
42
42
 
43
43
 
44
- declare namespace Image {
44
+ declare namespace Cell {
45
45
  var displayName: string;
46
46
  }
47
47
 
48
48
 
49
- declare namespace Fallback {
49
+ declare namespace Caption {
50
50
  var displayName: string;
51
51
  }
52
52
 
@@ -56,37 +56,17 @@ declare namespace Root {
56
56
  }
57
57
 
58
58
 
59
- declare namespace Header {
60
- var displayName: string;
61
- }
62
-
63
-
64
- declare namespace Body {
65
- var displayName: string;
66
- }
67
-
68
-
69
- declare namespace Footer {
70
- var displayName: string;
71
- }
72
-
73
-
74
- declare namespace Row {
75
- var displayName: string;
76
- }
77
-
78
-
79
- declare namespace Head {
59
+ declare namespace Title {
80
60
  var displayName: string;
81
61
  }
82
62
 
83
63
 
84
- declare namespace Cell {
64
+ declare namespace Description {
85
65
  var displayName: string;
86
66
  }
87
67
 
88
68
 
89
- declare namespace Caption {
69
+ declare namespace TextRoot {
90
70
  var displayName: string;
91
71
  }
92
72
 
@@ -96,52 +76,52 @@ declare namespace Root {
96
76
  }
97
77
 
98
78
 
99
- declare namespace Header {
79
+ declare namespace Image {
100
80
  var displayName: string;
101
81
  }
102
82
 
103
83
 
104
- declare namespace Content {
84
+ declare namespace Fallback {
105
85
  var displayName: string;
106
86
  }
107
87
 
108
88
 
109
- declare namespace Root {
89
+ declare namespace SelectRoot {
110
90
  var displayName: string;
111
91
  }
112
92
 
113
93
 
114
- declare namespace Trigger {
94
+ declare namespace SelectTrigger {
115
95
  var displayName: string;
116
96
  }
117
97
 
118
98
 
119
- declare namespace Close {
99
+ declare namespace SelectValue {
120
100
  var displayName: string;
121
101
  }
122
102
 
123
103
 
124
- declare namespace Content {
104
+ declare namespace SelectContent {
125
105
  var displayName: string;
126
106
  }
127
107
 
128
108
 
129
- declare namespace Header {
109
+ declare namespace SelectItem {
130
110
  var displayName: string;
131
111
  }
132
112
 
133
113
 
134
- declare namespace Footer {
114
+ declare namespace SelectGroup {
135
115
  var displayName: string;
136
116
  }
137
117
 
138
118
 
139
- declare namespace Title {
119
+ declare namespace SelectGroupLabel {
140
120
  var displayName: string;
141
121
  }
142
122
 
143
123
 
144
- declare namespace Description {
124
+ declare namespace SelectSeparator {
145
125
  var displayName: string;
146
126
  }
147
127
 
@@ -151,92 +131,92 @@ declare namespace Root {
151
131
  }
152
132
 
153
133
 
154
- declare namespace Legend {
134
+ declare namespace Header {
155
135
  var displayName: string;
156
136
  }
157
137
 
158
138
 
159
- declare namespace ComboboxRoot {
139
+ declare namespace Content {
160
140
  var displayName: string;
161
141
  }
162
142
 
163
143
 
164
- declare namespace ComboboxInput {
144
+ declare namespace Root {
165
145
  var displayName: string;
166
146
  }
167
147
 
168
148
 
169
- declare namespace ComboboxTrigger {
149
+ declare namespace Trigger {
170
150
  var displayName: string;
171
151
  }
172
152
 
173
153
 
174
- declare namespace ComboboxInputGroup {
154
+ declare namespace Close {
175
155
  var displayName: string;
176
156
  }
177
157
 
178
158
 
179
- declare namespace ComboboxContent {
159
+ declare namespace Content {
180
160
  var displayName: string;
181
161
  }
182
162
 
183
163
 
184
- declare namespace ComboboxList {
164
+ declare namespace Header {
185
165
  var displayName: string;
186
166
  }
187
167
 
188
168
 
189
- declare namespace ComboboxItem {
169
+ declare namespace Footer {
190
170
  var displayName: string;
191
171
  }
192
172
 
193
173
 
194
- declare namespace ComboboxEmpty {
174
+ declare namespace Title {
195
175
  var displayName: string;
196
176
  }
197
177
 
198
178
 
199
- declare namespace ComboboxGroup {
179
+ declare namespace Description {
200
180
  var displayName: string;
201
181
  }
202
182
 
203
183
 
204
- declare namespace ComboboxGroupLabel {
184
+ declare namespace Root {
205
185
  var displayName: string;
206
186
  }
207
187
 
208
188
 
209
- declare namespace ComboboxClear {
189
+ declare namespace Label {
210
190
  var displayName: string;
211
191
  }
212
192
 
213
193
 
214
- declare namespace ComboboxChips {
194
+ declare namespace Control {
215
195
  var displayName: string;
216
196
  }
217
197
 
218
198
 
219
- declare namespace ComboboxChip {
199
+ declare namespace Description {
220
200
  var displayName: string;
221
201
  }
222
202
 
223
203
 
224
- declare namespace ComboboxChipRemove {
204
+ declare namespace Error {
225
205
  var displayName: string;
226
206
  }
227
207
 
228
208
 
229
- declare namespace ComboboxValue {
209
+ declare namespace Validity {
230
210
  var displayName: string;
231
211
  }
232
212
 
233
213
 
234
- declare namespace ComboboxStatus {
214
+ declare namespace Root {
235
215
  var displayName: string;
236
216
  }
237
217
 
238
218
 
239
- declare namespace ComboboxCollection {
219
+ declare namespace Legend {
240
220
  var displayName: string;
241
221
  }
242
222
 
@@ -246,182 +226,182 @@ declare namespace Root {
246
226
  }
247
227
 
248
228
 
249
- declare namespace Label {
229
+ declare namespace Trigger {
250
230
  var displayName: string;
251
231
  }
252
232
 
253
233
 
254
- declare namespace Control {
234
+ declare namespace Content {
255
235
  var displayName: string;
256
236
  }
257
237
 
258
238
 
259
- declare namespace Description {
239
+ declare namespace Item {
260
240
  var displayName: string;
261
241
  }
262
242
 
263
243
 
264
- declare namespace Error {
244
+ declare namespace LinkItem {
265
245
  var displayName: string;
266
246
  }
267
247
 
268
248
 
269
- declare namespace Validity {
249
+ declare namespace CheckboxItem {
270
250
  var displayName: string;
271
251
  }
272
252
 
273
253
 
274
- declare namespace Root {
254
+ declare namespace CheckboxItemIndicator {
275
255
  var displayName: string;
276
256
  }
277
257
 
278
258
 
279
- declare namespace Trigger {
259
+ declare namespace RadioItem {
280
260
  var displayName: string;
281
261
  }
282
262
 
283
263
 
284
- declare namespace Content {
264
+ declare namespace RadioItemIndicator {
285
265
  var displayName: string;
286
266
  }
287
267
 
288
268
 
289
- declare namespace Item {
269
+ declare namespace RadioGroup {
290
270
  var displayName: string;
291
271
  }
292
272
 
293
273
 
294
- declare namespace LinkItem {
274
+ declare namespace Group {
295
275
  var displayName: string;
296
276
  }
297
277
 
298
278
 
299
- declare namespace CheckboxItem {
279
+ declare namespace GroupLabel {
300
280
  var displayName: string;
301
281
  }
302
282
 
303
283
 
304
- declare namespace CheckboxItemIndicator {
284
+ declare namespace MenuSeparator {
305
285
  var displayName: string;
306
286
  }
307
287
 
308
288
 
309
- declare namespace RadioItem {
289
+ declare namespace SubmenuRoot {
310
290
  var displayName: string;
311
291
  }
312
292
 
313
293
 
314
- declare namespace RadioItemIndicator {
294
+ declare namespace SubmenuTrigger {
315
295
  var displayName: string;
316
296
  }
317
297
 
318
298
 
319
- declare namespace RadioGroup {
299
+ declare namespace Root {
320
300
  var displayName: string;
321
301
  }
322
302
 
323
303
 
324
- declare namespace Group {
304
+ declare namespace Trigger {
325
305
  var displayName: string;
326
306
  }
327
307
 
328
308
 
329
- declare namespace GroupLabel {
309
+ declare namespace Close {
330
310
  var displayName: string;
331
311
  }
332
312
 
333
313
 
334
- declare namespace MenuSeparator {
314
+ declare namespace Content {
335
315
  var displayName: string;
336
316
  }
337
317
 
338
318
 
339
- declare namespace SubmenuRoot {
319
+ declare namespace Header {
340
320
  var displayName: string;
341
321
  }
342
322
 
343
323
 
344
- declare namespace SubmenuTrigger {
324
+ declare namespace Footer {
345
325
  var displayName: string;
346
326
  }
347
327
 
348
328
 
349
- declare namespace Root {
329
+ declare namespace Title {
350
330
  var displayName: string;
351
331
  }
352
332
 
353
333
 
354
- declare namespace Row {
334
+ declare namespace Description {
355
335
  var displayName: string;
356
336
  }
357
337
 
358
338
 
359
- declare namespace Group {
339
+ declare namespace Root {
360
340
  var displayName: string;
361
341
  }
362
342
 
363
343
 
364
- declare namespace Separator {
344
+ declare namespace List {
365
345
  var displayName: string;
366
346
  }
367
347
 
368
348
 
369
- declare namespace Root {
349
+ declare namespace Tab {
370
350
  var displayName: string;
371
351
  }
372
352
 
373
353
 
374
- declare namespace Trigger {
354
+ declare namespace Panel {
375
355
  var displayName: string;
376
356
  }
377
357
 
378
358
 
379
- declare namespace Close {
359
+ declare namespace Root {
380
360
  var displayName: string;
381
361
  }
382
362
 
383
363
 
384
- declare namespace Content {
364
+ declare namespace Row {
385
365
  var displayName: string;
386
366
  }
387
367
 
388
368
 
389
- declare namespace Header {
369
+ declare namespace Group {
390
370
  var displayName: string;
391
371
  }
392
372
 
393
373
 
394
- declare namespace Footer {
374
+ declare namespace Separator {
395
375
  var displayName: string;
396
376
  }
397
377
 
398
378
 
399
- declare namespace Title {
379
+ declare namespace Provider {
400
380
  var displayName: string;
401
381
  }
402
382
 
403
383
 
404
- declare namespace Description {
384
+ declare namespace Root {
405
385
  var displayName: string;
406
386
  }
407
387
 
408
388
 
409
- declare namespace Root {
389
+ declare namespace Header {
410
390
  var displayName: string;
411
391
  }
412
392
 
413
393
 
414
- declare namespace List {
394
+ declare namespace ClearAll {
415
395
  var displayName: string;
416
396
  }
417
397
 
418
398
 
419
- declare namespace Tab {
399
+ declare namespace Sections {
420
400
  var displayName: string;
421
401
  }
422
402
 
423
403
 
424
- declare namespace Panel {
404
+ declare namespace Provider {
425
405
  var displayName: string;
426
406
  }
427
407
 
@@ -431,12 +411,12 @@ declare namespace Root {
431
411
  }
432
412
 
433
413
 
434
- declare namespace Title {
414
+ declare namespace Trigger {
435
415
  var displayName: string;
436
416
  }
437
417
 
438
418
 
439
- declare namespace Description {
419
+ declare namespace Content {
440
420
  var displayName: string;
441
421
  }
442
422
 
@@ -451,87 +431,87 @@ declare namespace Settings {
451
431
  }
452
432
 
453
433
 
454
- declare namespace Provider {
434
+ declare namespace ComboboxRoot {
455
435
  var displayName: string;
456
436
  }
457
437
 
458
438
 
459
- declare namespace Root {
439
+ declare namespace ComboboxInput {
460
440
  var displayName: string;
461
441
  }
462
442
 
463
443
 
464
- declare namespace Header {
444
+ declare namespace ComboboxTrigger {
465
445
  var displayName: string;
466
446
  }
467
447
 
468
448
 
469
- declare namespace ClearAll {
449
+ declare namespace ComboboxInputGroup {
470
450
  var displayName: string;
471
451
  }
472
452
 
473
453
 
474
- declare namespace Sections {
454
+ declare namespace ComboboxContent {
475
455
  var displayName: string;
476
456
  }
477
457
 
478
458
 
479
- declare namespace Provider {
459
+ declare namespace ComboboxList {
480
460
  var displayName: string;
481
461
  }
482
462
 
483
463
 
484
- declare namespace Root {
464
+ declare namespace ComboboxItem {
485
465
  var displayName: string;
486
466
  }
487
467
 
488
468
 
489
- declare namespace Trigger {
469
+ declare namespace ComboboxEmpty {
490
470
  var displayName: string;
491
471
  }
492
472
 
493
473
 
494
- declare namespace Content {
474
+ declare namespace ComboboxGroup {
495
475
  var displayName: string;
496
476
  }
497
477
 
498
478
 
499
- declare namespace SelectRoot {
479
+ declare namespace ComboboxGroupLabel {
500
480
  var displayName: string;
501
481
  }
502
482
 
503
483
 
504
- declare namespace SelectTrigger {
484
+ declare namespace ComboboxClear {
505
485
  var displayName: string;
506
486
  }
507
487
 
508
488
 
509
- declare namespace SelectValue {
489
+ declare namespace ComboboxChips {
510
490
  var displayName: string;
511
491
  }
512
492
 
513
493
 
514
- declare namespace SelectContent {
494
+ declare namespace ComboboxChip {
515
495
  var displayName: string;
516
496
  }
517
497
 
518
498
 
519
- declare namespace SelectItem {
499
+ declare namespace ComboboxChipRemove {
520
500
  var displayName: string;
521
501
  }
522
502
 
523
503
 
524
- declare namespace SelectGroup {
504
+ declare namespace ComboboxValue {
525
505
  var displayName: string;
526
506
  }
527
507
 
528
508
 
529
- declare namespace SelectGroupLabel {
509
+ declare namespace ComboboxStatus {
530
510
  var displayName: string;
531
511
  }
532
512
 
533
513
 
534
- declare namespace SelectSeparator {
514
+ declare namespace ComboboxCollection {
535
515
  var displayName: string;
536
516
  }
537
517
 
@@ -636,6 +616,31 @@ declare namespace Root {
636
616
  }
637
617
 
638
618
 
619
+ declare namespace Viewport {
620
+ var displayName: string;
621
+ }
622
+
623
+
624
+ declare namespace Row {
625
+ var displayName: string;
626
+ }
627
+
628
+
629
+ declare namespace Interval {
630
+ var displayName: string;
631
+ }
632
+
633
+
634
+ declare namespace TimelineLink {
635
+ var displayName: string;
636
+ }
637
+
638
+
639
+ declare namespace Root {
640
+ var displayName: string;
641
+ }
642
+
643
+
639
644
  declare namespace Items {
640
645
  var displayName: string;
641
646
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tailor-platform/app-shell",
3
- "version": "1.17.0",
3
+ "version": "1.19.0",
4
4
  "description": "An opinionated React application framework for building ERP applications on Tailor Platform",
5
5
  "keywords": [
6
6
  "app-shell",
@@ -68,16 +68,18 @@
68
68
  "@microsoft/api-extractor": "7.58.12",
69
69
  "@tailwindcss/postcss": "^4.3.3",
70
70
  "@testing-library/react": "16.3.3",
71
- "@testing-library/user-event": "14.6.7",
71
+ "@testing-library/user-event": "14.6.8",
72
72
  "@types/encoding-japanese": "2.2.1",
73
73
  "@types/node": "^25.9.8",
74
74
  "@types/papaparse": "5.5.2",
75
75
  "@types/react": "^19",
76
76
  "@types/react-dom": "^19",
77
77
  "@vitejs/plugin-react": "^6.1.0",
78
+ "@vitest/browser-playwright": "4.1.11",
78
79
  "@vitest/coverage-v8": "4.1.11",
79
- "happy-dom": "20.14.5",
80
- "postcss": "8.5.28",
80
+ "happy-dom": "21.0.4",
81
+ "playwright": "1.63.0",
82
+ "postcss": "8.5.31",
81
83
  "react": "^19.2.7",
82
84
  "react-dom": "^19.2.7",
83
85
  "react-hook-form": "7.71.2",
@@ -85,7 +87,7 @@
85
87
  "tw-animate-css": "1.4.0",
86
88
  "typescript": "5.9.3",
87
89
  "vite": "^8.2.2",
88
- "vite-plugin-dts": "5.0.3",
90
+ "vite-plugin-dts": "5.1.2",
89
91
  "vitest": "^4.1.11"
90
92
  },
91
93
  "peerDependencies": {
@@ -99,6 +101,7 @@
99
101
  "vendor:fonts": "node scripts/sync-noto-fonts.mjs",
100
102
  "lint": "oxlint -c .oxlintrc.jsonc",
101
103
  "test": "vitest run",
104
+ "test:browser": "pnpm build && vitest run --config vitest.browser.config.ts",
102
105
  "type-check": "tsc --incremental"
103
106
  }
104
107
  }