@cere/cere-design-system 0.0.40 → 0.0.42

package/.specify/memory/constitution.md

@@ -155,7 +155,7 @@ export interface ButtonProps extends Omit<MuiButtonProps, 'variant'> {
 **All components must follow the design tokens defined in the theme.**
 
 ### Design Tokens (Defined in `src/theme/index.ts`)
-- **Primary color**: `#1976d2` (blue)
+- **Primary color**: `#aa44f2` (Cere brand violet). Mapped via `semantic.action.primary` → `primitives.violet[500]`. Legacy `primitives.blue` is retained for ROB highlights only.
 - **Border radius**:
     - Inputs/buttons: `12px`
     - Cards/chips: `16px`

package/dist/index.d.mts

@@ -282,9 +282,9 @@ declare module '@mui/material/styles' {
 }
 declare const colors: {
     primary: {
-        main: "#1976d2";
-        light: "#1976d2";
-        dark: "#1565c0";
+        main: "#aa44f2";
+        light: "#aa44f2";
+        dark: "#7c59ac";
         contrastText: "#FFFFFF";
     };
     secondary: {

package/dist/index.d.ts

@@ -282,9 +282,9 @@ declare module '@mui/material/styles' {
 }
 declare const colors: {
     primary: {
-        main: "#1976d2";
-        light: "#1976d2";
-        dark: "#1565c0";
+        main: "#aa44f2";
+        light: "#aa44f2";
+        dark: "#7c59ac";
         contrastText: "#FFFFFF";
     };
     secondary: {

package/dist/index.js

@@ -204,6 +204,18 @@ var import_styles = require("@mui/material/styles");
 
 // src/theme/primitives.ts
 var primitives = {
+  /**
+   * Cere brand violet — the company's primary action color across web
+   * surfaces. Use via `semantic.action.primary` rather than reaching for
+   * raw hex.
+   */
+  violet: {
+    100: "#f0e0fb",
+    300: "#d0bcff",
+    500: "#aa44f2",
+    600: "#7c59ac"
+  },
+  /** Legacy MUI blue. Retained for code paths that still reach for blue tokens by name (e.g. ROB highlights). Not the brand primary. */
   blue: {
     500: "#1976d2",
     600: "#1565c0"
@@ -345,8 +357,8 @@ var workflowConnectionColors = {
 // src/theme/semantic.ts
 var semantic = {
   action: {
-    primary: primitives.blue[500],
-    primaryHover: primitives.blue[600],
+    primary: primitives.violet[500],
+    primaryHover: primitives.violet[600],
     disabled: primitives.grey[400]
   },
   surface: {