@fabio.caffarello/react-design-system 2.0.1 → 3.0.0

package/dist/ui/tokens/colors/types.d.ts

@@ -1,9 +1,9 @@
 /**
- * AIppin Design System - Color Token Types
+ * Design System - Color Token Types
  *
  * TypeScript types for the color system.
  *
- * @brand AIppin
+ * @brand brasil-a-vera (default, overridable)
  * @version 1.0.0
  */
 /**
@@ -17,8 +17,15 @@ export type ColorScale = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 90
 export declare const COLOR_SCALES: ColorScale[];
 /**
  * Primitive color names (raw color palettes)
- */
-export type PrimitiveColorName = "indigo" | "violet" | "cyan" | "slate" | "gray" | "emerald" | "green" | "amber" | "yellow" | "orange" | "rose" | "red" | "sky" | "blue" | "fuchsia" | "pink" | "purple" | "teal" | "lime";
+ *
+ * Two families coexist:
+ * - Tailwind tones (indigo, violet, ..., lime) — honest to Tailwind v4 HEX.
+ * - Brand primitives (brand-primary, brand-secondary) — the design system's
+ *   own scales, declared in src/styles/primitives/brand.css and mirrored
+ *   in src/ui/tokens/colors/brand.ts. These are the reskin surface;
+ *   semantic tokens reference them, not Tailwind tones.
+ */
+export type PrimitiveColorName = "brand-primary" | "brand-secondary" | "indigo" | "violet" | "cyan" | "slate" | "gray" | "emerald" | "green" | "amber" | "yellow" | "orange" | "rose" | "red" | "sky" | "blue" | "fuchsia" | "pink" | "purple" | "teal" | "lime";
 /**
  * Semantic color names (meaningful colors)
  */

package/dist/ui/tokens/colors/utils.d.ts

@@ -1,9 +1,9 @@
 /**
- * AIppin Design System - Color Utilities
+ * Design System - Color Utilities
  *
  * Helper functions for working with colors.
  *
- * @brand AIppin
+ * @brand brasil-a-vera (default, overridable)
  * @version 1.0.0
  */
 import type { ColorToken, ColorScale, PrimitiveColorName, SemanticColorName, GetColorOptions, GetColorClassOptions } from "./types";

package/dist/ui/tokens/index.d.ts

@@ -3,7 +3,7 @@
  *
  * Centralized exports for all design tokens.
  *
- * @brand AIppin
+ * @brand brasil-a-vera (default, overridable)
  * @version 2.0.0
  */
 export * from "./colors/index";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fabio.caffarello/react-design-system",
   "private": false,
-  "version": "2.0.1",
+  "version": "3.0.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -14,6 +14,11 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
+    "./server": {
+      "types": "./dist/ui/server.d.ts",
+      "import": "./dist/server/index.js",
+      "require": "./dist/server/index.cjs"
+    },
     "./styles": "./dist/react-design-system.css",
     "./styles.css": "./dist/react-design-system.css"
   },
@@ -26,8 +31,8 @@
     "access": "public"
   },
   "scripts": {
-    "build": "npx tsc --project tsconfig.app.json --declaration --emitDeclarationOnly --outDir dist && vite build && npm run build:validate",
-    "build:validate": "tsx scripts/validate-build-exports.ts && node scripts/validate-use-client-in-dist.mjs",
+    "build": "npx tsc --project tsconfig.app.json --declaration --emitDeclarationOnly --outDir dist && vite build && vite build --config vite.config.server.ts && npm run build:validate",
+    "build:validate": "tsx scripts/validate-build-exports.ts && node scripts/validate-use-client-in-dist.mjs && node scripts/validate-server-entry.mjs",
     "lint": "eslint .",
     "typecheck": "tsc --build --force tsconfig.json",
     "storybook": "storybook dev -p 6006",
@@ -106,6 +111,7 @@
     "@vitest/coverage-v8": "^4.1.8",
     "autoprefixer": "^10.4.21",
     "baseline-browser-mapping": "^2.10.32",
+    "culori": "^4.0.2",
     "dependency-cruiser": "^17.3.6",
     "eslint": "^10.4.1",
     "eslint-plugin-react-hooks": "^5.2.0",