@godxjp/ui 33.14.0 → 33.16.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.
- package/README.md +5 -5
- package/agent/START-HERE.md +6 -6
- package/agent/components/AreaChart.json +6 -0
- package/agent/components/BarChart.json +6 -0
- package/agent/components/DashboardGrid.json +76 -0
- package/agent/components/DataTable.json +1 -1
- package/agent/components/HeatmapChart.json +6 -0
- package/agent/components/LineChart.json +6 -0
- package/agent/components/Pagination.json +1 -1
- package/agent/components/PieChart.json +6 -0
- package/agent/components/Table.json +1 -1
- package/agent/components/Upload.json +1 -1
- package/agent/components-index.json +7 -1
- package/agent/components.json +110 -4
- package/agent/index.json +7 -7
- package/agent/llms.txt +7 -7
- package/agent/tokens.json +38 -2
- package/dist/components/charts/chart-cartesian.d.ts +3 -2
- package/dist/components/charts/chart-cartesian.js +146 -46
- package/dist/components/charts/chart-datum-selection.d.ts +15 -0
- package/dist/components/charts/chart-datum-selection.js +97 -0
- package/dist/components/charts/chart-frame.d.ts +2 -1
- package/dist/components/charts/chart-frame.js +2 -1
- package/dist/components/charts/heatmap-chart.d.ts +1 -1
- package/dist/components/charts/heatmap-chart.js +20 -0
- package/dist/components/charts/index.d.ts +1 -1
- package/dist/components/charts/pie-chart.d.ts +2 -1
- package/dist/components/charts/pie-chart.js +36 -1
- package/dist/components/charts/recharts-peer.d.ts +1 -1
- package/dist/components/charts/recharts-peer.js +6 -0
- package/dist/components/data-entry/upload.js +9 -3
- package/dist/contracts/measurement.json +1 -1
- package/dist/i18n/messages/en.json +10 -1
- package/dist/i18n/messages/ja.json +10 -1
- package/dist/i18n/messages/vi.json +10 -1
- package/dist/lab/dashboard-grid-layout.d.ts +4 -0
- package/dist/lab/dashboard-grid-layout.js +36 -0
- package/dist/lab/dashboard-grid.d.ts +5 -0
- package/dist/lab/dashboard-grid.js +258 -0
- package/dist/lab/index.d.ts +2 -0
- package/dist/lab/index.js +2 -0
- package/dist/props/components/charts.prop.d.ts +11 -0
- package/dist/props/components/dashboard-grid.prop.d.ts +27 -0
- package/dist/props/components/dashboard-grid.prop.js +0 -0
- package/dist/props/components/index.d.ts +1 -1
- package/dist/props/registry.d.ts +83 -5
- package/dist/props/registry.js +79 -0
- package/dist/styles/chart-layout.css +28 -0
- package/dist/styles/control.css +82 -0
- package/dist/styles/layers.json +10 -1
- package/dist/styles/navigation-layout.css +2 -0
- package/dist/styles/table-layout.css +6 -0
- package/dist/styles.css +1 -1
- package/dist/tokens/base.css +2 -0
- package/dist/tokens/components/dashboard-grid.css +14 -0
- package/dist/tokens/components/table.css +1 -1
- package/docs/COMPOSITION-VS-COMPONENT.md +15 -14
- package/package.json +2 -2
package/dist/tokens/base.css
CHANGED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
|
|
3
|
+
--dashboard-grid-gap: var(--space-4);
|
|
4
|
+
|
|
5
|
+
--dashboard-grid-row-height: var(--space-20);
|
|
6
|
+
|
|
7
|
+
--dashboard-grid-handle-size: var(--control-height);
|
|
8
|
+
|
|
9
|
+
--dashboard-grid-handle-inset: var(--space-1);
|
|
10
|
+
|
|
11
|
+
--dashboard-grid-item-radius: var(--card-radius);
|
|
12
|
+
|
|
13
|
+
--dashboard-grid-preview-ring-color: initial;
|
|
14
|
+
}
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
:root {
|
|
86
86
|
--table-stacked-collection-card-padding-y: var(--space-stack-sm);
|
|
87
87
|
--table-stacked-collection-card-padding-x: initial;
|
|
88
|
-
--table-stacked-collection-card-gap:
|
|
88
|
+
--table-stacked-collection-card-gap: 0;
|
|
89
89
|
--table-stacked-collection-cell-padding-y: var(--space-stack-xs);
|
|
90
90
|
|
|
91
91
|
--table-stacked-collection-cell-padding-x: 0;
|
|
@@ -99,20 +99,21 @@ new UI need
|
|
|
99
99
|
|
|
100
100
|
## 3. Worked examples
|
|
101
101
|
|
|
102
|
-
| Thing | C1 | C2 | C3 | C4 | C5 | C6 | C7
|
|
103
|
-
| ------------------------------------------------------- | --- | --- | --- | --- | --- | --- |
|
|
104
|
-
| `Select` (incl. search/async) | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅
|
|
105
|
-
| `DataTable`, `Dialog`, `Calendar`, `Switch`, `Combobox` | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅
|
|
106
|
-
| `StatCard` (+ `icon`) | ✅ | ➖ | ✅ | ✅ | ✅ | ✅ | ✅
|
|
107
|
-
| `ServiceLauncherCard` | ➖ | ❌ | ❌ | ✅ | ✅ | ➖ | ➖
|
|
108
|
-
| `MegaMenu` | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅
|
|
109
|
-
|
|
|
110
|
-
|
|
|
111
|
-
| **
|
|
112
|
-
|
|
|
113
|
-
|
|
|
114
|
-
|
|
|
115
|
-
|
|
|
102
|
+
| Thing | C1 | C2 | C3 | C4 | C5 | C6 | C7 | Verdict |
|
|
103
|
+
| ------------------------------------------------------- | --- | --- | --- | --- | --- | --- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
|
|
104
|
+
| `Select` (incl. search/async) | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | **Framework component** |
|
|
105
|
+
| `DataTable`, `Dialog`, `Calendar`, `Switch`, `Combobox` | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | **Framework component** |
|
|
106
|
+
| `StatCard` (+ `icon`) | ✅ | ➖ | ✅ | ✅ | ✅ | ✅ | ✅ | **Framework component** (a reusable KPI tile with a stable API + tokens) |
|
|
107
|
+
| `ServiceLauncherCard` | ➖ | ❌ | ❌ | ✅ | ✅ | ➖ | ➖ | **Composition by the test — RETAINED as a recorded exception** (gh#814) |
|
|
108
|
+
| `MegaMenu` | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | **Framework component, `@godxjp/ui/lab` tier** (no consumer yet, §2.1) — the instructive contrast with Hero, below |
|
|
109
|
+
| `DashboardGrid` | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | exception | **Lab (§2.1)** — C7 exception approved by the owner, BI precedents (Tableau/Power BI/Grafana/react-grid-layout). Approved 2026-10-23; same gates as core, promoted only once ≥2 repos import it. |
|
|
110
|
+
| Marketing **Hero** | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ | **Composition** — section, static, composable, brand-specific |
|
|
111
|
+
| **Navbar** / **Footer** | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ | **Composition** — layout of `Text`/`Button`/`Flex` |
|
|
112
|
+
| **PricingTable** / feature grid | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ | ❌ | **Composition** — `ResponsiveGrid` + `Card` |
|
|
113
|
+
| Dashboard **page layout** | ❌ | ❌ | ❌ | ❌ | ➖ | ❌ | ❌ | **Composition** — `AppShell` + `PageContainer` + `ResponsiveGrid` |
|
|
114
|
+
| "Icon medallion" | ❌ | ❌ | ❌ | ❌ | ✅ | ❌ | ❌ | **Composition** — `Avatar` (square) + a Lucide glyph |
|
|
115
|
+
| **Section** / **Band** (full-bleed + measured column) | ❌ | ❌ | ❌ | ❌ | ✅ | ❌ | ❌ | **Composition** — `<section>` + `Flex measure` + `pad`; see §3.1 |
|
|
116
|
+
| `TenantTheme` (customer hex at runtime) | ✅ | ➖ | ❌ | ❌ | ✅ | ❌ | ➖ | **Composition + a published FUNCTION** — `tenantTheme()`; see §3.2 |
|
|
116
117
|
|
|
117
118
|
`✅ pass · ❌ fail · ➖ borderline`. **StatCard** is the instructive borderline: C2 is weak (it owns little behavior), but it is a universal KPI tile with a controlled API, fully tokenized, broadly reused — so it earns its place. A **Hero** fails six of seven; it is unambiguously a composition.
|
|
118
119
|
|