nirs4all-ui 0.1.8 → 0.1.9
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 +18 -8
- package/dist/styles/index.d.ts +13 -1
- package/dist/styles/index.d.ts.map +1 -1
- package/dist/styles/index.js +14 -0
- package/dist/styles/index.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -20,14 +20,16 @@ spectra motion asset.
|
|
|
20
20
|
| `runtime` | `nirs4all-ui/runtime` | Runtime/result status display tokens, busy-state predicates, progress projection, engine metadata summaries, diagnostics, and native-result affordances. |
|
|
21
21
|
| `dataset` | `nirs4all-ui/dataset` | Dataset preview contracts, counts, split summaries, spectral ranges, task labels, badges, and stats. |
|
|
22
22
|
| `components` | `nirs4all-ui/components` | Stateless React components that render shared runtime, diagnostic, and metric affordances. |
|
|
23
|
+
| `lab` | `nirs4all-ui/lab` | Quality/lab decision, sample lifecycle, health, model report, worklist, and budget display contracts plus presentational components. |
|
|
24
|
+
| `datasetBuilder` | `nirs4all-ui/datasetBuilder` | Multisource dataset-builder wizard components and pure dataset-config helpers. |
|
|
23
25
|
| `brand` | `nirs4all-ui/brand` | Ecosystem brand definitions, stable asset paths, palettes, and deterministic SVG generators. |
|
|
24
26
|
| `styles` | `nirs4all-ui/styles` | Default theme tokens, CSS/motion asset manifests, and CSS variable helpers. |
|
|
25
|
-
| `assets` | `nirs4all-ui/assets/*` | Package logo kit, ecosystem brand SVGs, default CSS, and animated NIR spectra asset. |
|
|
27
|
+
| `assets` | `nirs4all-ui/assets/*` | Package logo kit, ecosystem brand SVGs, default CSS, dataset-builder CSS, quality/lab theme CSS, and animated NIR spectra asset. |
|
|
26
28
|
|
|
27
29
|
The root export also exposes namespace barrels:
|
|
28
30
|
|
|
29
31
|
```ts
|
|
30
|
-
import { brand, dataset, runtime, score, styles } from "nirs4all-ui";
|
|
32
|
+
import { brand, dataset, datasetBuilder, lab, runtime, score, styles } from "nirs4all-ui";
|
|
31
33
|
```
|
|
32
34
|
|
|
33
35
|
Prefer domain imports when a consumer only needs one area:
|
|
@@ -36,6 +38,8 @@ Prefer domain imports when a consumer only needs one area:
|
|
|
36
38
|
import { canonicalMetricKey, formatMetricValue } from "nirs4all-ui/score";
|
|
37
39
|
import { buildDatasetPreview } from "nirs4all-ui/dataset";
|
|
38
40
|
import { buildRuntimeResultStatusView } from "nirs4all-ui/runtime";
|
|
41
|
+
import { DatasetBuilder } from "nirs4all-ui/datasetBuilder";
|
|
42
|
+
import { DecisionBadge } from "nirs4all-ui/lab";
|
|
39
43
|
import { generateNirs4allBrandSvg } from "nirs4all-ui/brand";
|
|
40
44
|
import { getNirs4allStyleAsset } from "nirs4all-ui/styles";
|
|
41
45
|
import { MetricValueBadge, RuntimeEngineBadge } from "nirs4all-ui/components";
|
|
@@ -45,10 +49,14 @@ Static assets are published through the existing `nirs4all-ui/assets/*` export:
|
|
|
45
49
|
|
|
46
50
|
```css
|
|
47
51
|
@import "nirs4all-ui/assets/styles/nirs4all-default.css";
|
|
52
|
+
@import "nirs4all-ui/assets/datasetBuilder.css";
|
|
53
|
+
@import "nirs4all-ui/assets/theme.css";
|
|
48
54
|
```
|
|
49
55
|
|
|
50
56
|
```ts
|
|
51
57
|
const css = getNirs4allStyleAsset("default-theme");
|
|
58
|
+
const builderCss = getNirs4allStyleAsset("dataset-builder");
|
|
59
|
+
const labTheme = getNirs4allStyleAsset("quality-lab-theme");
|
|
52
60
|
const animatedIcon = generateNirs4allBrandSvg("nirs4all-ui", {
|
|
53
61
|
variant: "icon",
|
|
54
62
|
animated: true,
|
|
@@ -75,12 +83,14 @@ npm run site:build
|
|
|
75
83
|
```
|
|
76
84
|
|
|
77
85
|
`site/src/App.tsx` renders reusable React components separately from the
|
|
78
|
-
runtime, score, brand, style, and asset inventories. `site/public/`
|
|
86
|
+
lab, dataset-builder, runtime, score, brand, style, and asset inventories. `site/public/`
|
|
79
87
|
intentionally carries the Pages publication files (`logo.svg`, `favicon.ico`,
|
|
80
88
|
`favicon.svg`, `robots.txt`, `sitemap.xml`, and `site.webmanifest`). The site
|
|
81
89
|
build also copies the package brand kit to namespaced GitHub Pages URLs under
|
|
82
90
|
`assets/brand/nirs4all-ui/` and publishes the reusable visual system under
|
|
83
|
-
`assets/brands/`, `assets/styles/`, and `assets/motion
|
|
91
|
+
`assets/brands/`, `assets/styles/`, and `assets/motion/`, while package-level
|
|
92
|
+
CSS such as `assets/datasetBuilder.css` and `assets/theme.css` remains
|
|
93
|
+
available through the npm asset export.
|
|
84
94
|
The npm package keeps the same files available through the
|
|
85
95
|
`nirs4all-ui/assets/*` export. Production Pages is currently served from the
|
|
86
96
|
GitHub project-page path with the default `/nirs4all-ui/` Vite base. When a
|
|
@@ -88,7 +98,7 @@ dedicated subdomain such as `ui.nirs4all.org` is enabled, switch the Pages
|
|
|
88
98
|
workflow to `NIRS4ALL_UI_BASE=/` and add `site/public/CNAME`.
|
|
89
99
|
|
|
90
100
|
`site/src/App.test.tsx` is the focused hardening check for the showcase: it
|
|
91
|
-
verifies that every public React component
|
|
92
|
-
the mirrored brand/logo, crawler metadata,
|
|
93
|
-
|
|
94
|
-
asset set.
|
|
101
|
+
verifies that every public React component, lab, and dataset-builder export
|
|
102
|
+
appears in the page and that the mirrored brand/logo, crawler metadata,
|
|
103
|
+
manifest, default styles, package CSS assets, motion asset, reusable brand kit,
|
|
104
|
+
and canonical URLs stay in sync with the packaged asset set.
|
package/dist/styles/index.d.ts
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Static CSS and motion files are shipped under `assets/`; this module exposes
|
|
5
5
|
* typed paths and token names without importing CSS at runtime.
|
|
6
6
|
*/
|
|
7
|
-
export type Nirs4allStyleAssetId = "default-theme" | "spectra-motion";
|
|
7
|
+
export type Nirs4allStyleAssetId = "default-theme" | "dataset-builder" | "quality-lab-theme" | "spectra-motion";
|
|
8
8
|
export type Nirs4allStyleAssetKind = "css" | "svg-motion";
|
|
9
9
|
export interface Nirs4allStyleAsset {
|
|
10
10
|
id: Nirs4allStyleAssetId;
|
|
@@ -19,6 +19,18 @@ export declare const NIRS4ALL_STYLE_ASSETS: readonly [{
|
|
|
19
19
|
readonly path: "assets/styles/nirs4all-default.css";
|
|
20
20
|
readonly packageExport: "nirs4all-ui/assets/styles/nirs4all-default.css";
|
|
21
21
|
readonly description: "Default NIRS4ALL design tokens, surface classes, badges, grids, and runtime affordances.";
|
|
22
|
+
}, {
|
|
23
|
+
readonly id: "dataset-builder";
|
|
24
|
+
readonly kind: "css";
|
|
25
|
+
readonly path: "assets/datasetBuilder.css";
|
|
26
|
+
readonly packageExport: "nirs4all-ui/assets/datasetBuilder.css";
|
|
27
|
+
readonly description: "Default multimodal DatasetBuilder wizard layout and role-mapping utility classes.";
|
|
28
|
+
}, {
|
|
29
|
+
readonly id: "quality-lab-theme";
|
|
30
|
+
readonly kind: "css";
|
|
31
|
+
readonly path: "assets/theme.css";
|
|
32
|
+
readonly packageExport: "nirs4all-ui/assets/theme.css";
|
|
33
|
+
readonly description: "Shared lab/quality app theme tokens used by quality-oriented custom hosts.";
|
|
22
34
|
}, {
|
|
23
35
|
readonly id: "spectra-motion";
|
|
24
36
|
readonly kind: "svg-motion";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,oBAAoB,GAC5B,eAAe,GACf,iBAAiB,GACjB,mBAAmB,GACnB,gBAAgB,CAAC;AAErB,MAAM,MAAM,sBAAsB,GAAG,KAAK,GAAG,YAAY,CAAC;AAE1D,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,oBAAoB,CAAC;IACzB,IAAI,EAAE,sBAAsB,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;EA6BgB,CAAC;AAEnD,eAAO,MAAM,mBAAmB,iWAoBtB,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpE,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;CAwBzB,CAAC;AAEX,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,oBAAoB,GAAG,kBAAkB,CAMlF;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,gBAAgB,GAAG,MAAM,CAEtE"}
|
package/dist/styles/index.js
CHANGED
|
@@ -12,6 +12,20 @@ export const NIRS4ALL_STYLE_ASSETS = [
|
|
|
12
12
|
packageExport: "nirs4all-ui/assets/styles/nirs4all-default.css",
|
|
13
13
|
description: "Default NIRS4ALL design tokens, surface classes, badges, grids, and runtime affordances.",
|
|
14
14
|
},
|
|
15
|
+
{
|
|
16
|
+
id: "dataset-builder",
|
|
17
|
+
kind: "css",
|
|
18
|
+
path: "assets/datasetBuilder.css",
|
|
19
|
+
packageExport: "nirs4all-ui/assets/datasetBuilder.css",
|
|
20
|
+
description: "Default multimodal DatasetBuilder wizard layout and role-mapping utility classes.",
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
id: "quality-lab-theme",
|
|
24
|
+
kind: "css",
|
|
25
|
+
path: "assets/theme.css",
|
|
26
|
+
packageExport: "nirs4all-ui/assets/theme.css",
|
|
27
|
+
description: "Shared lab/quality app theme tokens used by quality-oriented custom hosts.",
|
|
28
|
+
},
|
|
15
29
|
{
|
|
16
30
|
id: "spectra-motion",
|
|
17
31
|
kind: "svg-motion",
|
package/dist/styles/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAkBH,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC;QACE,EAAE,EAAE,eAAe;QACnB,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,oCAAoC;QAC1C,aAAa,EAAE,gDAAgD;QAC/D,WAAW,EAAE,0FAA0F;KACxG;IACD;QACE,EAAE,EAAE,iBAAiB;QACrB,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,2BAA2B;QACjC,aAAa,EAAE,uCAAuC;QACtD,WAAW,EAAE,mFAAmF;KACjG;IACD;QACE,EAAE,EAAE,mBAAmB;QACvB,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,kBAAkB;QACxB,aAAa,EAAE,8BAA8B;QAC7C,WAAW,EAAE,4EAA4E;KAC1F;IACD;QACE,EAAE,EAAE,gBAAgB;QACpB,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,gCAAgC;QACtC,aAAa,EAAE,4CAA4C;QAC3D,WAAW,EAAE,sFAAsF;KACpG;CAC+C,CAAC;AAEnD,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,kBAAkB;IAClB,wBAAwB;IACxB,eAAe;IACf,iBAAiB;IACjB,kBAAkB;IAClB,kBAAkB;IAClB,iBAAiB;IACjB,aAAa;IACb,iBAAiB;IACjB,kBAAkB;IAClB,iBAAiB;IACjB,eAAe;IACf,gBAAgB;IAChB,WAAW;IACX,cAAc;IACd,WAAW;IACX,cAAc;IACd,iBAAiB;IACjB,cAAc;CACN,CAAC;AAIX,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,MAAM,EAAE;QACN,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,SAAS;QACvB,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;KACjB;IACD,MAAM,EAAE;QACN,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,KAAK;KACb;IACD,KAAK,EAAE;QACL,IAAI,EAAE,2EAA2E;QACjF,OAAO,EAAE,4DAA4D;QACrE,IAAI,EAAE,+DAA+D;KACtE;CACO,CAAC;AAEX,MAAM,UAAU,qBAAqB,CAAC,EAAwB;IAC5D,MAAM,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7E,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,iCAAiC,EAAE,EAAE,CAAC,CAAC;IACzD,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,KAAuB;IAC5D,OAAO,SAAS,KAAK,GAAG,CAAC;AAC3B,CAAC"}
|
package/package.json
CHANGED