@dataimago/css 0.1.0-alpha.2 → 0.1.0-alpha.3

package/dist/tailwind-preset.js

@@ -1,12 +1,21 @@
 // @dataimago/css Tailwind preset — Generated from @dataimago/tokens
-// Source files: packages/tokens/src/colors.json, packages/tokens/src/typography.json
+// Source files:
+//   packages/tokens/src/colors.json    (palette + functional colors)
+//   packages/tokens/src/typography.json (font family, size, weight)
+//   packages/tokens/src/spacing.json    (spacing, radius, shadow simple scales)
+//   packages/tokens/src/effects.json    (theme-aware shadow, transition)
 // Regenerated by packages/css/build.mjs on every release.
 //
-// Iteration-1 (2026-04-30) brought: stone+forest palette anchor, paper as
-// renamed cream (with deprecated cream alias preserved through 0.2.x),
-// editorial/documentation display family split, font.size scale, math family.
-// See wiki/decisions/{josefin-weight-floor,display-family-split,h1-weight-medium,
-// display-lining-figures,font-trim-deferred}.md for the governance.
+// Iteration-1 (2026-04-30): stone+forest palette anchor, paper-as-renamed-cream
+// (with deprecated cream alias through 0.2.x), editorial/documentation display
+// family split, font.size scale, math family. See wiki/decisions/{josefin-weight-floor,
+// display-family-split, h1-weight-medium, display-lining-figures, font-trim-deferred}.md.
+//
+// Stage 2.3 (2026-05-04): Tailwind preset extended to spacing/borderRadius/
+// boxShadow/transitionDuration so consumers can write `p-md`, `rounded-lg`,
+// `shadow-subtle`, `duration-quick` Tailwind classes throughout instead of
+// reaching for inline `var(--*)` references. theme.extend merges with Tailwind
+// defaults at colliding keys (e.g. `rounded-md` becomes the dataimago value).
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {
@@ -148,6 +157,42 @@ module.exports = {
               "heading-medium": "1.875rem",
               "heading-large": "2.25rem",
               "heading-xl": "3rem"
+      },
+      spacing: {
+              "xs": "0.25rem",
+              "sm": "0.5rem",
+              "md": "1rem",
+              "lg": "1.5rem",
+              "xl": "2rem",
+              "2xl": "3rem",
+              "3xl": "4rem"
+      },
+      borderRadius: {
+              "sm": "0.25rem",
+              "md": "0.5rem",
+              "lg": "0.75rem",
+              "xl": "1rem",
+              "full": "9999px"
+      },
+      boxShadow: {
+              "sm": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+              "md": "0 4px 6px -1px rgb(0 0 0 / 0.1)",
+              "lg": "0 10px 15px -3px rgb(0 0 0 / 0.1)",
+              "xl": "0 20px 25px -5px rgb(0 0 0 / 0.1)",
+              "subtle": "var(--shadow-subtle, 0 1px 2px 0 rgb(20 20 16 / 0.05))",
+              "moderate": "var(--shadow-moderate, 0 4px 6px -1px rgb(20 20 16 / 0.1))",
+              "prominent": "var(--shadow-prominent, 0 10px 15px -3px rgb(20 20 16 / 0.1))"
+      },
+      transitionDuration: {
+              "quick": "0.15s",
+              "standard": "0.25s",
+              "smooth": "0.35s",
+              "logo": "0.3s"
+      },
+      transitionTimingFunction: {
+              "quick": "ease",
+              "standard": "ease-in-out",
+              "smooth": "ease"
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataimago/css",
-  "version": "0.1.0-alpha.2",
+  "version": "0.1.0-alpha.3",
   "description": "Compiled CSS and Tailwind preset for the dataimago ethical AI design system",
   "license": "MIT",
   "repository": {
@@ -25,7 +25,7 @@
     "README.md"
   ],
   "dependencies": {
-    "@dataimago/tokens": "^0.1.0-alpha.2"
+    "@dataimago/tokens": "^0.1.0-alpha.3"
   },
   "devDependencies": {
     "sass": "^1.69.0"