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

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

@@ -0,0 +1,22 @@
+/**
+ * Brand Primitive Palettes — TS mirror of src/styles/primitives/brand.css
+ *
+ * Brand-primary: institutional navy from brasil-a-vera globals.css.
+ * Brand-secondary: OKLCH-derived from ADR-024 brasil-a-vera purple
+ *   (reproducible via scripts/derive-brand-secondary.mjs).
+ *
+ * Distinct from PRIMITIVE_COLORS Tailwind tones (indigo/pink/cyan/...)
+ * which stay honest to their official Tailwind v4 values. Semantic tokens
+ * point at these brand palettes, not at Tailwind tones.
+ *
+ * @brand brasil-a-vera (default, overridable)
+ */
+import type { ColorPalette } from "./types";
+/**
+ * Brand Primary — institutional navy
+ */
+export declare const BRAND_PRIMARY: ColorPalette;
+/**
+ * Brand Secondary — ADR-024 purple, OKLCH-derived (hue 295)
+ */
+export declare const BRAND_SECONDARY: ColorPalette;

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

@@ -1,25 +1,26 @@
 /**
- * AIppin Design System - Color Tokens Index
+ * Design System - Color Tokens Index
  *
  * Central export for all color-related tokens and utilities.
  *
- * @brand AIppin
+ * @brand brasil-a-vera (default, overridable)
  * @version 1.0.0
  */
 export type { ColorScale, PrimitiveColorName, SemanticColorName, TextColorName, BgColorName, BorderColorName, StateColorName, ThemeMode, ThemeVariant, ColorToken, ColorPalette, SemanticColor, SemanticColorPalette, PrimitiveColors, ThemeColors, GetColorOptions, GetColorClassOptions, } from "./types";
 export { COLOR_SCALES } from "./types";
+export { BRAND_PRIMARY, BRAND_SECONDARY } from "./brand";
 export { INDIGO, VIOLET, CYAN, SLATE, GRAY, EMERALD, GREEN, AMBER, YELLOW, ORANGE, ROSE, RED, SKY, BLUE, FUCHSIA, PINK, PURPLE, TEAL, LIME, PRIMITIVE_COLORS, getPrimitiveColor, getPrimitiveColorPalette, } from "./primitives";
 export { SEMANTIC_COLORS, SEMANTIC_COLORS_LIGHT, SEMANTIC_COLORS_DARK, getSemanticColor, getSemanticColorRole, } from "./semantic";
 export { getColor, getSemanticColorValue, getColorClass, getSemanticColorClass, getHoverColorClass, getFocusColorClass, getFocusRingClass, withOpacity, isLightColor, getContrastColor, blendColors, lighten, darken, } from "./utils";
 export declare const BRAND_COLORS: {
     readonly primary: {
-        readonly name: "indigo";
+        readonly name: "brand-primary";
         readonly light: 400;
         readonly default: 500;
         readonly dark: 600;
     };
     readonly secondary: {
-        readonly name: "violet";
+        readonly name: "brand-secondary";
         readonly light: 400;
         readonly default: 500;
         readonly dark: 600;

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

@@ -1,10 +1,10 @@
 /**
- * AIppin Design System - Primitive Color Tokens
+ * Design System - Primitive Color Tokens
  *
  * Complete color palettes with all shades (50-950).
  * These match the CSS variables defined in primitives/colors.css
  *
- * @brand AIppin
+ * @brand brasil-a-vera (default, overridable)
  * @version 1.0.0
  */
 import type { ColorPalette, ColorToken, ColorScale, PrimitiveColorName, PrimitiveColors } from "./types";

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

@@ -1,10 +1,10 @@
 /**
- * AIppin Design System - Semantic Color Tokens
+ * Design System - Semantic Color Tokens
  *
  * Semantic colors that reference primitive palettes.
  * These are the colors you should use in components.
  *
- * @brand AIppin
+ * @brand brasil-a-vera (default, overridable)
  * @version 1.0.0
  */
 import type { SemanticColor, SemanticColorName, SemanticColorPalette, ColorToken } from "./types";

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.1.0",
+  "version": "3.0.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -111,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",