@godxjp/ui 33.22.2 → 33.25.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 (130) hide show
  1. package/DESIGN.md +1 -1
  2. package/README.md +16 -5
  3. package/agent/DESIGN.md +1 -1
  4. package/agent/START-HERE.md +8 -8
  5. package/agent/components/AgentBadge.json +43 -0
  6. package/agent/components/AppShell.json +6 -0
  7. package/agent/components/Avatar.json +7 -0
  8. package/agent/components/CatalogDetail.json +7 -3
  9. package/agent/components/DatePicker.json +1 -1
  10. package/agent/components/DropdownMenu.json +1 -0
  11. package/agent/components/EditorialCard.json +2 -1
  12. package/agent/components/Image.json +6 -1
  13. package/agent/components/PageContainer.json +5 -0
  14. package/agent/components/PageErrorBoundary.json +48 -0
  15. package/agent/components/Pagination.json +5 -0
  16. package/agent/components/Popover.json +1 -0
  17. package/agent/components/Select.json +2 -1
  18. package/agent/components/Toaster.json +2 -2
  19. package/agent/components/Toolbar.json +1 -1
  20. package/agent/components/Topbar.json +1 -1
  21. package/agent/components-index.json +10 -0
  22. package/agent/components.json +138 -11
  23. package/agent/index.json +8 -8
  24. package/agent/llms.txt +7 -7
  25. package/agent/patterns/notice-bar.json +16 -0
  26. package/agent/patterns-index.json +15 -0
  27. package/agent/patterns.json +16 -0
  28. package/agent/rules.json +2 -2
  29. package/agent/tokens.json +121 -7
  30. package/dist/components/charts/chart-cartesian.js +5 -1
  31. package/dist/components/charts/chart-summary.d.ts +1 -1
  32. package/dist/components/charts/chart-summary.js +17 -6
  33. package/dist/components/charts/compact-bar-trend.js +4 -3
  34. package/dist/components/charts/pie-chart.js +2 -1
  35. package/dist/components/data-display/avatar.d.ts +1 -1
  36. package/dist/components/data-display/avatar.js +7 -1
  37. package/dist/components/data-display/badge.d.ts +11 -0
  38. package/dist/components/data-display/badge.js +20 -0
  39. package/dist/components/data-display/image.d.ts +1 -0
  40. package/dist/components/data-display/image.js +10 -2
  41. package/dist/components/data-display/index.d.ts +2 -2
  42. package/dist/components/data-display/index.js +2 -1
  43. package/dist/components/data-display/popover.js +11 -0
  44. package/dist/components/data-entry/calendar.js +1 -1
  45. package/dist/components/data-entry/date-picker.js +22 -5
  46. package/dist/components/data-entry/record-picker.js +122 -98
  47. package/dist/components/data-entry/select.js +13 -3
  48. package/dist/components/general/button.js +2 -2
  49. package/dist/components/layout/affix.js +1 -1
  50. package/dist/components/layout/app-shell.d.ts +1 -1
  51. package/dist/components/layout/app-shell.js +3 -1
  52. package/dist/components/layout/editorial-catalog.d.ts +1 -1
  53. package/dist/components/layout/editorial-catalog.js +53 -15
  54. package/dist/components/layout/index.d.ts +2 -0
  55. package/dist/components/layout/index.js +2 -0
  56. package/dist/components/layout/page-container.d.ts +1 -1
  57. package/dist/components/layout/page-container.js +6 -3
  58. package/dist/components/layout/page-error-boundary.d.ts +32 -0
  59. package/dist/components/layout/page-error-boundary.js +57 -0
  60. package/dist/components/layout/sidebar.d.ts +1 -1
  61. package/dist/components/layout/sidebar.js +100 -49
  62. package/dist/components/layout/topbar.js +108 -21
  63. package/dist/components/navigation/dropdown-menu.d.ts +13 -3
  64. package/dist/components/navigation/dropdown-menu.js +36 -6
  65. package/dist/components/navigation/pagination.d.ts +1 -1
  66. package/dist/components/navigation/pagination.js +13 -1
  67. package/dist/components/navigation/toolbar.js +2 -1
  68. package/dist/contracts/measurement.json +1 -1
  69. package/dist/i18n/messages/en.json +7 -0
  70. package/dist/i18n/messages/ja.json +7 -0
  71. package/dist/i18n/messages/vi.json +7 -0
  72. package/dist/props/components/data-display.prop.d.ts +29 -0
  73. package/dist/props/components/layout.prop.d.ts +52 -2
  74. package/dist/props/components/navigation.prop.d.ts +15 -1
  75. package/dist/props/registry.d.ts +65 -5
  76. package/dist/props/registry.js +90 -4
  77. package/dist/styles/alert-layout.css +4 -0
  78. package/dist/styles/application.css +24 -0
  79. package/dist/styles/badge-layout.css +14 -0
  80. package/dist/styles/base.css +11 -0
  81. package/dist/styles/control.css +32 -19
  82. package/dist/styles/core.css +1 -0
  83. package/dist/styles/data-display-layout.css +51 -0
  84. package/dist/styles/dialog-layout.css +9 -0
  85. package/dist/styles/editorial-layout.css +2076 -0
  86. package/dist/styles/editorial.css +3 -0
  87. package/dist/styles/icon-layout.css +3 -0
  88. package/dist/styles/index.css +1 -0
  89. package/dist/styles/layers.json +60 -9
  90. package/dist/styles/layout.css +9 -1985
  91. package/dist/styles/precompiled/alert-layout.css +2 -0
  92. package/dist/styles/precompiled/badge-layout.css +2 -0
  93. package/dist/styles/precompiled/base.css +2 -0
  94. package/dist/styles/precompiled/card-layout.css +2 -0
  95. package/dist/styles/precompiled/chart-layout.css +2 -0
  96. package/dist/styles/precompiled/control.css +2 -0
  97. package/dist/styles/precompiled/data-display-layout.css +2 -0
  98. package/dist/styles/precompiled/data-entry-layout.css +2 -0
  99. package/dist/styles/precompiled/dialog-layout.css +2 -0
  100. package/dist/styles/precompiled/editorial-account-layout.css +2 -0
  101. package/dist/styles/precompiled/editorial-layout.css +2 -0
  102. package/dist/styles/precompiled/float-button-layout.css +2 -0
  103. package/dist/styles/precompiled/form-layout.css +2 -0
  104. package/dist/styles/precompiled/icon-layout.css +2 -0
  105. package/dist/styles/precompiled/layout.css +2 -0
  106. package/dist/styles/precompiled/logo-layout.css +2 -0
  107. package/dist/styles/precompiled/motion.css +2 -0
  108. package/dist/styles/precompiled/navigation-layout.css +2 -0
  109. package/dist/styles/precompiled/shell-layout.css +2 -0
  110. package/dist/styles/precompiled/table-layout.css +2 -0
  111. package/dist/styles/precompiled/text-layout.css +2 -0
  112. package/dist/styles/precompiled/toggle.css +2 -0
  113. package/dist/styles/precompiled/vendor-day-picker.css +2 -0
  114. package/dist/styles/precompiled/vendor-sonner.css +2 -0
  115. package/dist/styles/shell-layout.css +17 -1
  116. package/dist/styles/table-layout.css +1 -1
  117. package/dist/styles.css +1 -1
  118. package/dist/tokens/components/badge.css +3 -0
  119. package/dist/tokens/components/control.css +3 -0
  120. package/dist/tokens/components/data-display.css +9 -0
  121. package/dist/tokens/components/editorial.css +9 -6
  122. package/dist/tokens/components/shell.css +2 -0
  123. package/dist/tokens/foundation.css +8 -0
  124. package/docs/CONSUMER-RULES.md +36 -1
  125. package/package.json +4 -2
  126. package/scripts/consumer-rule.md +1 -1
  127. package/scripts/prune-css.mjs +56 -8
  128. package/scripts/ui-audit.mjs +36 -0
  129. package/skills/godxjp-ui-navigation/SKILL.md +14 -9
  130. package/skills/godxjp-ui-navigation/references/principles.md +2 -2
package/dist/styles/editorial.css ADDED
@@ -0,0 +1,3 @@
1
+
2
+ @import "./editorial-layout.css";
3
+ @import "./editorial-account-layout.css";
package/dist/styles/icon-layout.css CHANGED
@@ -1,6 +1,9 @@
1
1
 
2
2
  @layer components {
3
3
  svg.ui-icon[data-slot="icon"] {
4
+
5
+ display: inline-block;
6
+ vertical-align: middle;
4
7
  inline-size: var(--icon-glyph-size);
5
8
  block-size: var(--icon-glyph-size);
6
9
 
package/dist/styles/index.css CHANGED
@@ -8,6 +8,7 @@
8
8
  @import "./shell-layout.css";
9
9
  @import "./motion.css";
10
10
  @import "./layout.css";
11
+ @import "./editorial-layout.css";
11
12
  @import "./editorial-account-layout.css";
12
13
  @import "./control.css";
13
14
  @import "./toggle.css";
package/dist/styles/layers.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "33.22.2",
2
+ "version": "33.25.0",
3
3
  "generatedBy": "scripts/gen-style-layers.mjs — do not edit by hand; run `pnpm gen:style-layers`",
4
4
  "base": "base.css",
5
5
  "fonts": "fonts.css",
@@ -7,6 +7,7 @@
7
7
  "shell-layout.css",
8
8
  "motion.css",
9
9
  "layout.css",
10
+ "editorial-layout.css",
10
11
  "editorial-account-layout.css",
11
12
  "control.css",
12
13
  "toggle.css",
@@ -29,6 +30,12 @@
29
30
  "vendor-sonner.css",
30
31
  "vendor-day-picker.css"
31
32
  ],
33
+ "families": {
34
+ "editorial": [
35
+ "editorial-layout.css",
36
+ "editorial-account-layout.css"
37
+ ]
38
+ },
32
39
  "components": {
33
40
  "Accordion": {
34
41
  "layers": [
@@ -64,6 +71,12 @@
64
71
  "layout.css"
65
72
  ]
66
73
  },
74
+ "AgentBadge": {
75
+ "layers": [
76
+ "dialog-layout.css",
77
+ "badge-layout.css"
78
+ ]
79
+ },
67
80
  "Alert": {
68
81
  "layers": [
69
82
  "layout.css",
@@ -115,7 +128,11 @@
115
128
  "AppShell": {
116
129
  "layers": [
117
130
  "shell-layout.css",
118
- "dialog-layout.css"
131
+ "layout.css",
132
+ "control.css",
133
+ "text-layout.css",
134
+ "dialog-layout.css",
135
+ "data-display-layout.css"
119
136
  ]
120
137
  },
121
138
  "AreaChart": {
@@ -270,6 +287,7 @@
270
287
  "CardShowcase": {
271
288
  "layers": [
272
289
  "layout.css",
290
+ "editorial-layout.css",
273
291
  "editorial-account-layout.css",
274
292
  "dialog-layout.css",
275
293
  "navigation-layout.css"
@@ -290,6 +308,7 @@
290
308
  "CatalogCard": {
291
309
  "layers": [
292
310
  "layout.css",
311
+ "editorial-layout.css",
293
312
  "editorial-account-layout.css",
294
313
  "dialog-layout.css",
295
314
  "navigation-layout.css"
@@ -297,17 +316,20 @@
297
316
  },
298
317
  "CatalogDetail": {
299
318
  "layers": [
300
- "layout.css"
319
+ "editorial-layout.css",
320
+ "data-display-layout.css"
301
321
  ]
302
322
  },
303
323
  "CatalogDetailSection": {
304
324
  "layers": [
305
- "layout.css"
325
+ "editorial-layout.css",
326
+ "data-display-layout.css"
306
327
  ]
307
328
  },
308
329
  "CatalogDetailTag": {
309
330
  "layers": [
310
- "layout.css"
331
+ "editorial-layout.css",
332
+ "data-display-layout.css"
311
333
  ]
312
334
  },
313
335
  "CenteredShell": {
@@ -506,6 +528,7 @@
506
528
  "EditorialArticle": {
507
529
  "layers": [
508
530
  "layout.css",
531
+ "editorial-layout.css",
509
532
  "editorial-account-layout.css",
510
533
  "dialog-layout.css",
511
534
  "navigation-layout.css"
@@ -524,6 +547,7 @@
524
547
  "EditorialBanner": {
525
548
  "layers": [
526
549
  "layout.css",
550
+ "editorial-layout.css",
527
551
  "editorial-account-layout.css",
528
552
  "dialog-layout.css",
529
553
  "navigation-layout.css"
@@ -532,6 +556,7 @@
532
556
  "EditorialBreadcrumb": {
533
557
  "layers": [
534
558
  "layout.css",
559
+ "editorial-layout.css",
535
560
  "editorial-account-layout.css",
536
561
  "dialog-layout.css",
537
562
  "navigation-layout.css"
@@ -540,6 +565,7 @@
540
565
  "EditorialCard": {
541
566
  "layers": [
542
567
  "layout.css",
568
+ "editorial-layout.css",
543
569
  "editorial-account-layout.css",
544
570
  "dialog-layout.css",
545
571
  "navigation-layout.css"
@@ -553,6 +579,7 @@
553
579
  "EditorialFilterBar": {
554
580
  "layers": [
555
581
  "layout.css",
582
+ "editorial-layout.css",
556
583
  "editorial-account-layout.css",
557
584
  "dialog-layout.css",
558
585
  "navigation-layout.css"
@@ -560,17 +587,20 @@
560
587
  },
561
588
  "EditorialFilterField": {
562
589
  "layers": [
563
- "layout.css"
590
+ "editorial-layout.css",
591
+ "data-display-layout.css"
564
592
  ]
565
593
  },
566
594
  "EditorialFilterPanel": {
567
595
  "layers": [
568
- "layout.css"
596
+ "editorial-layout.css",
597
+ "data-display-layout.css"
569
598
  ]
570
599
  },
571
600
  "EditorialFooter": {
572
601
  "layers": [
573
602
  "layout.css",
603
+ "editorial-layout.css",
574
604
  "editorial-account-layout.css",
575
605
  "dialog-layout.css",
576
606
  "navigation-layout.css"
@@ -584,6 +614,7 @@
584
614
  "EditorialHero": {
585
615
  "layers": [
586
616
  "layout.css",
617
+ "editorial-layout.css",
587
618
  "editorial-account-layout.css",
588
619
  "dialog-layout.css",
589
620
  "navigation-layout.css"
@@ -592,6 +623,7 @@
592
623
  "EditorialMasthead": {
593
624
  "layers": [
594
625
  "layout.css",
626
+ "editorial-layout.css",
595
627
  "editorial-account-layout.css",
596
628
  "dialog-layout.css",
597
629
  "navigation-layout.css"
@@ -605,6 +637,7 @@
605
637
  "EditorialPageHeader": {
606
638
  "layers": [
607
639
  "layout.css",
640
+ "editorial-layout.css",
608
641
  "editorial-account-layout.css",
609
642
  "dialog-layout.css",
610
643
  "navigation-layout.css"
@@ -613,6 +646,7 @@
613
646
  "EditorialPanel": {
614
647
  "layers": [
615
648
  "layout.css",
649
+ "editorial-layout.css",
616
650
  "editorial-account-layout.css",
617
651
  "dialog-layout.css",
618
652
  "navigation-layout.css"
@@ -621,6 +655,7 @@
621
655
  "EditorialPillNav": {
622
656
  "layers": [
623
657
  "layout.css",
658
+ "editorial-layout.css",
624
659
  "editorial-account-layout.css",
625
660
  "dialog-layout.css",
626
661
  "navigation-layout.css"
@@ -628,12 +663,14 @@
628
663
  },
629
664
  "EditorialPrompt": {
630
665
  "layers": [
631
- "layout.css"
666
+ "editorial-layout.css",
667
+ "data-display-layout.css"
632
668
  ]
633
669
  },
634
670
  "EditorialSearch": {
635
671
  "layers": [
636
672
  "layout.css",
673
+ "editorial-layout.css",
637
674
  "editorial-account-layout.css",
638
675
  "dialog-layout.css",
639
676
  "navigation-layout.css"
@@ -642,6 +679,7 @@
642
679
  "EditorialSection": {
643
680
  "layers": [
644
681
  "layout.css",
682
+ "editorial-layout.css",
645
683
  "editorial-account-layout.css",
646
684
  "dialog-layout.css",
647
685
  "navigation-layout.css"
@@ -650,6 +688,7 @@
650
688
  "EditorialSectionHead": {
651
689
  "layers": [
652
690
  "layout.css",
691
+ "editorial-layout.css",
653
692
  "editorial-account-layout.css",
654
693
  "dialog-layout.css",
655
694
  "navigation-layout.css"
@@ -700,6 +739,7 @@
700
739
  "Eyebrow": {
701
740
  "layers": [
702
741
  "layout.css",
742
+ "editorial-layout.css",
703
743
  "editorial-account-layout.css",
704
744
  "dialog-layout.css",
705
745
  "navigation-layout.css"
@@ -970,6 +1010,16 @@
970
1010
  "layout.css"
971
1011
  ]
972
1012
  },
1013
+ "PageErrorBoundary": {
1014
+ "layers": [
1015
+ "shell-layout.css",
1016
+ "layout.css",
1017
+ "control.css",
1018
+ "text-layout.css",
1019
+ "dialog-layout.css",
1020
+ "data-display-layout.css"
1021
+ ]
1022
+ },
973
1023
  "Pagination": {
974
1024
  "layers": [
975
1025
  "layout.css",
@@ -1025,7 +1075,8 @@
1025
1075
  },
1026
1076
  "PriceSummary": {
1027
1077
  "layers": [
1028
- "layout.css"
1078
+ "editorial-layout.css",
1079
+ "data-display-layout.css"
1029
1080
  ]
1030
1081
  },
1031
1082
  "Progress": {