@dataimago/css

Compiled CSS and Tailwind preset for the dataimago ethical AI design system.

Depends on @dataimago/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

// 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
    }
  }
};

/* 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

pnpm --filter @dataimago/tokens build  # must run first
pnpm --filter @dataimago/css    build