@dataimago/ui 0.1.0-alpha.10 → 0.1.0-alpha.11
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 +19 -5
- package/package.json +6 -5
package/README.md
CHANGED
|
@@ -2,27 +2,37 @@
|
|
|
2
2
|
|
|
3
3
|
React components for the dataimago ethical AI design system.
|
|
4
4
|
|
|
5
|
-
> **Registry:** published to **public npm** (`registry.npmjs.org`) under the `@dataimago` scope alongside
|
|
5
|
+
> **Registry:** published to **public npm** (`registry.npmjs.org`) under the `@dataimago` scope alongside the rest of the design-system packages. No scoped `.npmrc` or `GITHUB_PACKAGES_TOKEN` is required — a plain `pnpm install @dataimago/ui` works.
|
|
6
6
|
|
|
7
7
|
## Peer dependencies
|
|
8
8
|
|
|
9
9
|
- `react` ≥ 18
|
|
10
10
|
- `react-dom` ≥ 18
|
|
11
|
+
- `@dataimago/brand` ≥ 0.1.0-alpha.0
|
|
11
12
|
- `@dataimago/tokens` ≥ 0.1.0-alpha.0
|
|
12
13
|
- `@dataimago/css` ≥ 0.1.0-alpha.0 (visual styling consumes the semantic CSS variables emitted by this package)
|
|
13
14
|
|
|
14
|
-
## Alpha scope
|
|
15
|
+
## Alpha scope and exports
|
|
15
16
|
|
|
16
|
-
|
|
17
|
+
Current public exports:
|
|
18
|
+
|
|
19
|
+
- `<Button>` — smoke-level button using semantic CSS variables.
|
|
20
|
+
- `<LogoMonogram>`, `<LogoMonogramBg>`, `<LogoWordmark>` — legacy outlined SVG brand marks.
|
|
21
|
+
- `<Logo>` — manifest-driven mark renderer backed by `@dataimago/brand`.
|
|
22
|
+
- `<BrandAnimation>` — decorative brand animation with reduced-motion poster fallback.
|
|
23
|
+
- `<NavbarLogo>` — animated navbar mark with reduced-motion poster fallback.
|
|
17
24
|
|
|
18
25
|
```tsx
|
|
19
|
-
import { Button } from '@dataimago/ui';
|
|
26
|
+
import { BrandAnimation, Button, Logo, NavbarLogo } from '@dataimago/ui';
|
|
20
27
|
|
|
21
28
|
<Button variant="primary">Generate</Button>
|
|
22
29
|
<Button variant="secondary" size="sm">Cancel</Button>
|
|
30
|
+
<Logo name="dataimago_dash_ai" variant="PATH" title="dataimago-ai" />
|
|
31
|
+
<NavbarLogo name="dataimago-ai" />
|
|
32
|
+
<BrandAnimation name="dataimago-ai" />
|
|
23
33
|
```
|
|
24
34
|
|
|
25
|
-
Additional components get harvested from consumer prototypes (`dataimago-ai`, `dissertation
|
|
35
|
+
Additional components get harvested from consumer prototypes (`dataimago-ai`, `dissertation-ai`, etc.) via the prototype-in-consumer workflow. Broad new primitives are deferred until the substrate is stable and L1/L2 usage identifies reusable candidates.
|
|
26
36
|
|
|
27
37
|
## Building
|
|
28
38
|
|
|
@@ -46,3 +56,7 @@ use semantic CSS variables rather than app-local Tailwind classes. When the dev
|
|
|
46
56
|
server is running, the Storybook MCP addon is available at
|
|
47
57
|
`http://localhost:6006/mcp` for AI-assisted component discovery and story
|
|
48
58
|
testing.
|
|
59
|
+
|
|
60
|
+
Accessibility checks are progressively hardened: current stories surface a11y
|
|
61
|
+
findings for review, and the gate should move to blocking only after the existing
|
|
62
|
+
story set is clean.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dataimago/ui",
|
|
3
|
-
"version": "0.1.0-alpha.
|
|
3
|
+
"version": "0.1.0-alpha.11",
|
|
4
4
|
"description": "React components for the dataimago ethical AI design system",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -52,9 +52,9 @@
|
|
|
52
52
|
"tsup": "^8.3.0",
|
|
53
53
|
"typescript": "^5.6.0",
|
|
54
54
|
"vitest": "^4.1.5",
|
|
55
|
-
"@dataimago/brand": "^0.1.0-alpha.
|
|
56
|
-
"@dataimago/css": "^0.1.0-alpha.
|
|
57
|
-
"@dataimago/tokens": "^0.1.0-alpha.
|
|
55
|
+
"@dataimago/brand": "^0.1.0-alpha.7",
|
|
56
|
+
"@dataimago/css": "^0.1.0-alpha.11",
|
|
57
|
+
"@dataimago/tokens": "^0.1.0-alpha.11"
|
|
58
58
|
},
|
|
59
59
|
"keywords": [
|
|
60
60
|
"react",
|
|
@@ -66,6 +66,7 @@
|
|
|
66
66
|
"build": "tsup",
|
|
67
67
|
"dev": "tsup --watch",
|
|
68
68
|
"storybook": "storybook dev -p 6006",
|
|
69
|
-
"build-storybook": "storybook build"
|
|
69
|
+
"build-storybook": "storybook build",
|
|
70
|
+
"test-storybook": "vitest run --project=storybook"
|
|
70
71
|
}
|
|
71
72
|
}
|