@dataimago/css 0.1.0-alpha.1

package/README.md

@@ -0,0 +1,47 @@
+# @dataimago/css
+
+Compiled CSS and Tailwind preset for the dataimago ethical AI design system.
+
+Depends on [`@dataimago/tokens`](../tokens) for the canonical palette.
+
+## What you get
+
+- `dist/tokens.css` — CSS custom properties (theme-aware).
+- `dist/dataimago.css` / `dist/dataimago.min.css` — full compiled design system.
+- `dist/tailwind-preset.js` — Tailwind preset pre-wired with `ink / cream / copper / accent` scales and functional colors.
+
+## Usage
+
+### Next.js / React
+
+```ts
+// tailwind.config.js
+const diPreset = require('@dataimago/css/tailwind-preset');
+
+module.exports = {
+  presets: [diPreset],
+  content: ['./src/**/*.{js,ts,jsx,tsx,mdx}'],
+  theme: {
+    extend: {
+      // app-specific extensions here
+    }
+  }
+};
+```
+
+```css
+/* globals.css */
+@import "@dataimago/css/tokens.css";
+@import "@dataimago/css/dataimago.css";
+```
+
+### Shiny / R
+
+Serve the compiled CSS from `node_modules/@dataimago/css/dist/` through your R package's asset pipeline.
+
+## Building
+
+```bash
+pnpm --filter @dataimago/tokens build  # must run first
+pnpm --filter @dataimago/css    build
+```