@synopackageland/ui 0.11.5 → 0.12.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 (25) hide show
  1. package/CHANGELOG.md +45 -2
  2. package/README.md +19 -14
  3. package/dist/components/app/app-root/AppRoot.vue.d.ts +6 -0
  4. package/dist/components/composite/data-grid/DataGrid.vue.d.ts +5 -1
  5. package/dist/components/composite/data-grid/columnType.d.ts +19 -0
  6. package/dist/components/composite/data-table/DataTable.vue.d.ts +11 -1
  7. package/dist/index.d.ts +3 -0
  8. package/dist/index.js +4378 -4263
  9. package/dist/json/catalog.d.ts +24 -0
  10. package/dist/json/registry.d.ts +408 -0
  11. package/dist/json-ai-prompt.md +2 -2
  12. package/dist/json-catalog.schema.json +18 -0
  13. package/dist/json-preview/preview.js +3594 -3494
  14. package/dist/json.js +2 -0
  15. package/dist/lib/accent.d.ts +17 -0
  16. package/dist/lib/color.d.ts +16 -0
  17. package/dist/reka-runtime.json +1 -1
  18. package/dist/theme.css +1 -1
  19. package/dist/themes/dsm7-embedded-theme.css +1 -1
  20. package/dist/themes/dsm7-embedded.css +1 -1
  21. package/dist/themes/dsm7.css +1 -1
  22. package/docs/adaptive-layout.md +2 -2
  23. package/docs/color-system.md +135 -0
  24. package/docs/layout-rules.md +1 -0
  25. package/package.json +2 -1
package/docs/layout-rules.md CHANGED
@@ -47,6 +47,7 @@ These rules keep pages built from `@synopackageland/ui` consistent. The componen
47
47
  - A file name that opens its item (in File Station, say) is `CellText` with `openLabel` (the action, shown as its tooltip) and `@open`; do not draw your own link button.
48
48
  - Use `CellStatus` for a status cell: `label`, `tone`, `progress` while running, `detail` for speed or a reason. It drops the bar when the task is finished, failed or at 100%. The label and its thin bar fit one DataGrid row; a `detail` adds a second line, so in a DataGrid put speed or a reason in its own column to keep every row one height. A short reason or next step can go in `description` instead: a tooltip on the label, opened by hover or keyboard focus, which keeps the row one line.
49
49
  - Show a date and time in a column with `formatDateTime(value, { locale, style: 'compact' })` (`10/17 14:32`, `Oct 17, 2:32 PM`; another year shows its date with the year, `2025/3/2`, `Mar 2, 2025`) and the full `formatDateTime(value, { locale })` as its tooltip. A 140px column holds the compact form in every built-in locale.
50
+ - Give each DataGrid or DataTable column a `type` (`text`, `number`, `date`, `actions`) rather than an `align`. Every column sits left, as in DSM's File Station, Drive, Resource Monitor and Container Manager lists, numbers and dates too; `number` and `date` use tabular digits, and `actions` lays its icon buttons out from the left with one gap, the first icon under the header text. Only the selection checkbox is centred. Use `align` only to match a DSM screen that aligns otherwise.
50
51
  - In a DataGrid, give optional columns a `priority` (lower leaves first) so an 800px DSM window drops them instead of scrolling sideways; leave the columns a row cannot do without (the name, the status) without one.
51
52
  - Put a cell's buttons in `Space` (`spacing="compact"`) so they keep a gap.
52
53
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synopackageland/ui",
3
- "version": "0.11.5",
3
+ "version": "0.12.1",
4
4
  "description": "Shared Vue 3 UI component library with a DSM 7 inspired application theme",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -15,6 +15,7 @@
15
15
  "README.md",
16
16
  "docs/adaptive-layout.md",
17
17
  "docs/app-local-modal.md",
18
+ "docs/color-system.md",
18
19
  "docs/component-defaults-0.5.7.md",
19
20
  "docs/json-ui.md",
20
21
  "docs/layout-rules.md"