@cere/cere-design-system 0.0.40 → 0.0.43

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

@@ -21,6 +21,7 @@ import { TooltipProps as TooltipProps$1 } from '@mui/material/Tooltip';
 import { AlertProps as AlertProps$1 } from '@mui/material/Alert';
 import { SnackbarProps as SnackbarProps$1 } from '@mui/material/Snackbar';
 import { DrawerProps as DrawerProps$1 } from '@mui/material/Drawer';
+import { EmblaOptionsType } from 'embla-carousel';
 import { CardProps as CardProps$1 } from '@mui/material/Card';
 import { CardContentProps } from '@mui/material/CardContent';
 import { CardHeaderProps } from '@mui/material/CardHeader';
@@ -282,9 +283,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: {
@@ -463,7 +464,7 @@ interface SearchFieldProps extends Omit<TextFieldProps, 'InputProps' | 'variant'
     /** Visual treatment. `pill` renders a fully-rounded input. @default 'standard' */
     variant?: SearchFieldVariant;
     /**
-     * Show a keyboard-shortcut hint adornment (⌘K on Mac, Ctrl+K elsewhere) at
+     * Show a keyboard-shortcut hint adornment (⌘ K on Mac, Ctrl + K elsewhere) at
      * the right edge. Pair with `useSearchHotkeys` to wire the key handler.
      */
     shortcutHint?: boolean;
@@ -1791,13 +1792,15 @@ interface CarouselProps<T> {
     dotColor?: string;
     /** Override the active dot color. Accepts any CSS color string. */
     dotActiveColor?: string;
+    /** Escape hatch for advanced embla options. Most consumers don't need this. */
+    emblaOptions?: EmblaOptionsType;
 }
 /**
  * Carousel — embla-carousel-based slide deck with autoplay, dots, counter,
  * prev/next arrows and pause-on-hover. Generic over slide payload type; the
  * caller decides the slide markup via `renderSlide`.
  */
-declare function Carousel<T>({ slides, renderSlide, getKey, slidesPerView, autoplay, autoplayDelayMs, showDots, showCounter, showArrows, pauseOnHover, ariaLabel, onSelect, arrowSx, dotColor, dotActiveColor, }: CarouselProps<T>): react_jsx_runtime.JSX.Element | null;
+declare function Carousel<T>({ slides, renderSlide, getKey, slidesPerView, autoplay, autoplayDelayMs, showDots, showCounter, showArrows, pauseOnHover, ariaLabel, onSelect, arrowSx, dotColor, dotActiveColor, emblaOptions, }: CarouselProps<T>): react_jsx_runtime.JSX.Element | null;
 
 /** Number of distinct gradient palettes. Useful for sizing slide cycles deterministically. */
 declare const GRADIENT_PALETTE_COUNT: 6;

package/dist/index.d.ts

@@ -21,6 +21,7 @@ import { TooltipProps as TooltipProps$1 } from '@mui/material/Tooltip';
 import { AlertProps as AlertProps$1 } from '@mui/material/Alert';
 import { SnackbarProps as SnackbarProps$1 } from '@mui/material/Snackbar';
 import { DrawerProps as DrawerProps$1 } from '@mui/material/Drawer';
+import { EmblaOptionsType } from 'embla-carousel';
 import { CardProps as CardProps$1 } from '@mui/material/Card';
 import { CardContentProps } from '@mui/material/CardContent';
 import { CardHeaderProps } from '@mui/material/CardHeader';
@@ -282,9 +283,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: {
@@ -463,7 +464,7 @@ interface SearchFieldProps extends Omit<TextFieldProps, 'InputProps' | 'variant'
     /** Visual treatment. `pill` renders a fully-rounded input. @default 'standard' */
     variant?: SearchFieldVariant;
     /**
-     * Show a keyboard-shortcut hint adornment (⌘K on Mac, Ctrl+K elsewhere) at
+     * Show a keyboard-shortcut hint adornment (⌘ K on Mac, Ctrl + K elsewhere) at
      * the right edge. Pair with `useSearchHotkeys` to wire the key handler.
      */
     shortcutHint?: boolean;
@@ -1791,13 +1792,15 @@ interface CarouselProps<T> {
     dotColor?: string;
     /** Override the active dot color. Accepts any CSS color string. */
     dotActiveColor?: string;
+    /** Escape hatch for advanced embla options. Most consumers don't need this. */
+    emblaOptions?: EmblaOptionsType;
 }
 /**
  * Carousel — embla-carousel-based slide deck with autoplay, dots, counter,
  * prev/next arrows and pause-on-hover. Generic over slide payload type; the
  * caller decides the slide markup via `renderSlide`.
  */
-declare function Carousel<T>({ slides, renderSlide, getKey, slidesPerView, autoplay, autoplayDelayMs, showDots, showCounter, showArrows, pauseOnHover, ariaLabel, onSelect, arrowSx, dotColor, dotActiveColor, }: CarouselProps<T>): react_jsx_runtime.JSX.Element | null;
+declare function Carousel<T>({ slides, renderSlide, getKey, slidesPerView, autoplay, autoplayDelayMs, showDots, showCounter, showArrows, pauseOnHover, ariaLabel, onSelect, arrowSx, dotColor, dotActiveColor, emblaOptions, }: CarouselProps<T>): react_jsx_runtime.JSX.Element | null;
 
 /** Number of distinct gradient palettes. Useful for sizing slide cycles deterministically. */
 declare const GRADIENT_PALETTE_COUNT: 6;