@cranberry-money/shared-constants 4.10.0 → 4.11.0

package/dist/ui/colors.d.ts

@@ -10,16 +10,16 @@ export declare const STATUS_COLORS: {
     readonly NEUTRAL: "text-gray-600";
 };
 export type StatusColor = (typeof STATUS_COLORS)[keyof typeof STATUS_COLORS];
-export declare const STATUS_COLOR_PENDING = "text-warning-600";
-export declare const STATUS_COLOR_AWAITING = "text-warning-600";
-export declare const STATUS_COLOR_PROCESSING = "text-primary-600";
-export declare const STATUS_COLOR_IN_PROGRESS = "text-primary-600";
-export declare const STATUS_COLOR_APPROVED = "text-success-600";
-export declare const STATUS_COLOR_COMPLETED = "text-success-700";
-export declare const STATUS_COLOR_REJECTED = "text-error-600";
-export declare const STATUS_COLOR_FAILED = "text-error-700";
-export declare const STATUS_COLOR_CANCELLED = "text-content-subtle";
-export declare const STATUS_COLOR_DEFAULT = "text-content-subtle";
+export declare const STATUS_COLOR_PENDING: "text-warning-600";
+export declare const STATUS_COLOR_AWAITING: "text-warning-600";
+export declare const STATUS_COLOR_PROCESSING: "text-primary-600";
+export declare const STATUS_COLOR_IN_PROGRESS: "text-primary-600";
+export declare const STATUS_COLOR_APPROVED: "text-success-600";
+export declare const STATUS_COLOR_COMPLETED: "text-success-700";
+export declare const STATUS_COLOR_REJECTED: "text-error-600";
+export declare const STATUS_COLOR_FAILED: "text-error-700";
+export declare const STATUS_COLOR_CANCELLED: "text-content-subtle";
+export declare const STATUS_COLOR_DEFAULT: "text-content-subtle";
 export declare const STATUS_BG_COLORS: {
     readonly SUCCESS: "bg-green-50";
     readonly WARNING: "bg-amber-50";

package/dist/ui/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/ui/colors.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,eAAO,MAAM,YAAY,yHAWf,CAAC;AAGX,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAG7E,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AACvD,eAAO,MAAM,qBAAqB,qBAAqB,CAAC;AACxD,eAAO,MAAM,uBAAuB,qBAAqB,CAAC;AAC1D,eAAO,MAAM,wBAAwB,qBAAqB,CAAC;AAC3D,eAAO,MAAM,qBAAqB,qBAAqB,CAAC;AACxD,eAAO,MAAM,sBAAsB,qBAAqB,CAAC;AACzD,eAAO,MAAM,qBAAqB,mBAAmB,CAAC;AACtD,eAAO,MAAM,mBAAmB,mBAAmB,CAAC;AACpD,eAAO,MAAM,sBAAsB,wBAAwB,CAAC;AAC5D,eAAO,MAAM,oBAAoB,wBAAwB,CAAC;AAG1D,eAAO,MAAM,gBAAgB;;;;;;CAMnB,CAAC;AAGX,eAAO,MAAM,YAAY;;;;;;;CAOf,CAAC;AAGX,eAAO,MAAM,eAAe;;;;CAIlB,CAAC;AAGX,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAGX,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAqB/C,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,MAE7C,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/ui/colors.ts"],"names":[],"mappings":"AAAA;;GAEG;AAKH,eAAO,MAAM,YAAY,yHAWf,CAAC;AAGX,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAI7E,eAAO,MAAM,oBAAoB,oBAAgC,CAAC;AAClE,eAAO,MAAM,qBAAqB,oBAAiC,CAAC;AACpE,eAAO,MAAM,uBAAuB,oBAAmC,CAAC;AACxE,eAAO,MAAM,wBAAwB,oBAAoC,CAAC;AAC1E,eAAO,MAAM,qBAAqB,oBAAiC,CAAC;AACpE,eAAO,MAAM,sBAAsB,oBAAkC,CAAC;AACtE,eAAO,MAAM,qBAAqB,kBAAiC,CAAC;AACpE,eAAO,MAAM,mBAAmB,kBAA+B,CAAC;AAChE,eAAO,MAAM,sBAAsB,uBAAkC,CAAC;AACtE,eAAO,MAAM,oBAAoB,uBAAgC,CAAC;AAGlE,eAAO,MAAM,gBAAgB;;;;;;CAMnB,CAAC;AAGX,eAAO,MAAM,YAAY;;;;;;;CAOf,CAAC;AAGX,eAAO,MAAM,eAAe;;;;CAIlB,CAAC;AAGX,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAIX,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAqB/C,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,MAE7C,CAAC"}

package/dist/ui/colors.js

@@ -1,6 +1,7 @@
 /**
  * UI color constants
  */
+import { UNIFIED_STATUS_COLORS } from './status-colors-unified';
 // Chart color palette (10 colors for data visualization) - Blueberry compatible
 export const CHART_COLORS = [
     '#3B82F6', // Blue - primary data color
@@ -23,16 +24,17 @@ export const STATUS_COLORS = {
     NEUTRAL: 'text-gray-600',
 };
 // Individual status color constants for Blueberry compatibility
-export const STATUS_COLOR_PENDING = 'text-warning-600';
-export const STATUS_COLOR_AWAITING = 'text-warning-600';
-export const STATUS_COLOR_PROCESSING = 'text-primary-600';
-export const STATUS_COLOR_IN_PROGRESS = 'text-primary-600';
-export const STATUS_COLOR_APPROVED = 'text-success-600';
-export const STATUS_COLOR_COMPLETED = 'text-success-700';
-export const STATUS_COLOR_REJECTED = 'text-error-600';
-export const STATUS_COLOR_FAILED = 'text-error-700';
-export const STATUS_COLOR_CANCELLED = 'text-content-subtle';
-export const STATUS_COLOR_DEFAULT = 'text-content-subtle';
+// Now referencing unified color mappings
+export const STATUS_COLOR_PENDING = UNIFIED_STATUS_COLORS.pending;
+export const STATUS_COLOR_AWAITING = UNIFIED_STATUS_COLORS.awaiting;
+export const STATUS_COLOR_PROCESSING = UNIFIED_STATUS_COLORS.processing;
+export const STATUS_COLOR_IN_PROGRESS = UNIFIED_STATUS_COLORS.in_progress;
+export const STATUS_COLOR_APPROVED = UNIFIED_STATUS_COLORS.approved;
+export const STATUS_COLOR_COMPLETED = UNIFIED_STATUS_COLORS.completed;
+export const STATUS_COLOR_REJECTED = UNIFIED_STATUS_COLORS.rejected;
+export const STATUS_COLOR_FAILED = UNIFIED_STATUS_COLORS.failed;
+export const STATUS_COLOR_CANCELLED = UNIFIED_STATUS_COLORS.cancelled;
+export const STATUS_COLOR_DEFAULT = UNIFIED_STATUS_COLORS.default;
 // Background status colors
 export const STATUS_BG_COLORS = {
     SUCCESS: 'bg-green-50',
@@ -63,25 +65,26 @@ export const PERFORMANCE_COLORS = {
     UNCHANGED: SEMANTIC_COLORS.NEUTRAL,
 };
 // Trading status colors
+// @deprecated Use getStatusColor() from status-colors-unified instead
 export const TRADING_STATUS_COLORS = {
     // Trade statuses
-    PENDING: STATUS_COLORS.WARNING,
-    EXECUTED: STATUS_COLORS.SUCCESS,
-    SETTLED: STATUS_COLORS.SUCCESS,
-    CANCELLED: STATUS_COLORS.NEUTRAL,
-    FAILED: STATUS_COLORS.ERROR,
-    EXPIRED: STATUS_COLORS.NEUTRAL,
-    REJECTED: STATUS_COLORS.ERROR,
+    PENDING: UNIFIED_STATUS_COLORS.pending,
+    EXECUTED: UNIFIED_STATUS_COLORS.executed,
+    SETTLED: UNIFIED_STATUS_COLORS.settled,
+    CANCELLED: UNIFIED_STATUS_COLORS.cancelled,
+    FAILED: UNIFIED_STATUS_COLORS.failed,
+    EXPIRED: UNIFIED_STATUS_COLORS.expired,
+    REJECTED: UNIFIED_STATUS_COLORS.rejected,
     // Withdrawal statuses
-    PENDING_REVIEW: STATUS_COLORS.WARNING,
-    APPROVED: STATUS_COLORS.SUCCESS,
-    COMPLETED: STATUS_COLORS.SUCCESS,
-    PROCESSING: STATUS_COLORS.INFO,
-    ON_HOLD: STATUS_COLORS.WARNING,
+    PENDING_REVIEW: UNIFIED_STATUS_COLORS.pending_review,
+    APPROVED: UNIFIED_STATUS_COLORS.approved,
+    COMPLETED: UNIFIED_STATUS_COLORS.completed,
+    PROCESSING: UNIFIED_STATUS_COLORS.processing,
+    ON_HOLD: UNIFIED_STATUS_COLORS.on_hold,
     // Portfolio statuses
-    ACTIVE: STATUS_COLORS.SUCCESS,
-    INACTIVE: STATUS_COLORS.WARNING,
-    CLOSED: STATUS_COLORS.NEUTRAL,
+    ACTIVE: UNIFIED_STATUS_COLORS.active,
+    INACTIVE: UNIFIED_STATUS_COLORS.inactive,
+    CLOSED: UNIFIED_STATUS_COLORS.closed,
 };
 /**
  * Get chart color by index (cycles through palette)

package/dist/ui/index.d.ts

@@ -4,4 +4,5 @@
 export * from './colors';
 export * from './display';
 export * from './labels';
+export * from './status-colors-unified';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,yBAAyB,CAAC"}

package/dist/ui/index.js

@@ -4,3 +4,4 @@
 export * from './colors';
 export * from './display';
 export * from './labels';
+export * from './status-colors-unified';

package/dist/ui/status-colors-unified.d.ts

@@ -0,0 +1,91 @@
+/**
+ * Unified status color mappings
+ * Consolidates duplicate color assignments for consistent UI styling
+ */
+/**
+ * Unified mapping of status states to Tailwind CSS color classes
+ * Groups similar states that should have the same visual treatment
+ */
+export declare const UNIFIED_STATUS_COLORS: {
+    readonly pending: "text-warning-600";
+    readonly awaiting: "text-warning-600";
+    readonly pending_review: "text-warning-600";
+    readonly on_hold: "text-warning-600";
+    readonly processing: "text-primary-600";
+    readonly in_progress: "text-primary-600";
+    readonly active: "text-primary-600";
+    readonly completed: "text-success-700";
+    readonly approved: "text-success-600";
+    readonly executed: "text-success-600";
+    readonly settled: "text-success-600";
+    readonly success: "text-success-600";
+    readonly failed: "text-error-700";
+    readonly rejected: "text-error-600";
+    readonly error: "text-error-600";
+    readonly cancelled: "text-content-subtle";
+    readonly expired: "text-content-subtle";
+    readonly inactive: "text-content-subtle";
+    readonly closed: "text-content-subtle";
+    readonly default: "text-content-subtle";
+};
+export type StatusColorKey = keyof typeof UNIFIED_STATUS_COLORS;
+export type StatusColorValue = (typeof UNIFIED_STATUS_COLORS)[StatusColorKey];
+/**
+ * Get color class for a status
+ * @param status - The status key (lowercase)
+ * @returns The Tailwind CSS color class
+ */
+export declare const getStatusColor: (status: string) => string;
+/**
+ * Background color variants for status states
+ * Uses lighter shades for backgrounds
+ */
+export declare const UNIFIED_STATUS_BG_COLORS: {
+    readonly pending: "bg-warning-50";
+    readonly awaiting: "bg-warning-50";
+    readonly pending_review: "bg-warning-50";
+    readonly on_hold: "bg-warning-50";
+    readonly processing: "bg-primary-50";
+    readonly in_progress: "bg-primary-50";
+    readonly active: "bg-primary-50";
+    readonly completed: "bg-success-50";
+    readonly approved: "bg-success-50";
+    readonly executed: "bg-success-50";
+    readonly settled: "bg-success-50";
+    readonly success: "bg-success-50";
+    readonly failed: "bg-error-50";
+    readonly rejected: "bg-error-50";
+    readonly error: "bg-error-50";
+    readonly cancelled: "bg-gray-50";
+    readonly expired: "bg-gray-50";
+    readonly inactive: "bg-gray-50";
+    readonly closed: "bg-gray-50";
+    readonly default: "bg-gray-50";
+};
+/**
+ * Badge color combinations (background + text)
+ * For use in status badges and pills
+ */
+export declare const UNIFIED_STATUS_BADGE_COLORS: {
+    readonly pending: "bg-warning-100 text-warning-700";
+    readonly awaiting: "bg-warning-100 text-warning-700";
+    readonly pending_review: "bg-warning-100 text-warning-700";
+    readonly on_hold: "bg-warning-100 text-warning-700";
+    readonly processing: "bg-primary-100 text-primary-700";
+    readonly in_progress: "bg-primary-100 text-primary-700";
+    readonly active: "bg-primary-100 text-primary-700";
+    readonly completed: "bg-success-100 text-success-700";
+    readonly approved: "bg-success-100 text-success-700";
+    readonly executed: "bg-success-100 text-success-700";
+    readonly settled: "bg-success-100 text-success-700";
+    readonly success: "bg-success-100 text-success-700";
+    readonly failed: "bg-error-100 text-error-700";
+    readonly rejected: "bg-error-100 text-error-700";
+    readonly error: "bg-error-100 text-error-700";
+    readonly cancelled: "bg-gray-100 text-gray-700";
+    readonly expired: "bg-gray-100 text-gray-700";
+    readonly inactive: "bg-gray-100 text-gray-700";
+    readonly closed: "bg-gray-100 text-gray-700";
+    readonly default: "bg-gray-100 text-gray-700";
+};
+//# sourceMappingURL=status-colors-unified.d.ts.map

package/dist/ui/status-colors-unified.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-colors-unified.d.ts","sourceRoot":"","sources":["../../src/ui/status-colors-unified.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;GAGG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;CA8BxB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,qBAAqB,CAAC;AAChE,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,cAAc,CAAC,CAAC;AAE9E;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,QAAQ,MAAM,KAAG,MAG/C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;CA8B3B,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;CA8B9B,CAAC"}

package/dist/ui/status-colors-unified.js

@@ -0,0 +1,106 @@
+/**
+ * Unified status color mappings
+ * Consolidates duplicate color assignments for consistent UI styling
+ */
+/**
+ * Unified mapping of status states to Tailwind CSS color classes
+ * Groups similar states that should have the same visual treatment
+ */
+export const UNIFIED_STATUS_COLORS = {
+    // Pending/Waiting states - Warning color (amber/yellow)
+    pending: 'text-warning-600',
+    awaiting: 'text-warning-600',
+    pending_review: 'text-warning-600',
+    on_hold: 'text-warning-600',
+    // Processing/Active states - Primary color (blue)
+    processing: 'text-primary-600',
+    in_progress: 'text-primary-600',
+    active: 'text-primary-600',
+    // Success states - Success color (green)
+    completed: 'text-success-700',
+    approved: 'text-success-600',
+    executed: 'text-success-600',
+    settled: 'text-success-600',
+    success: 'text-success-600',
+    // Error states - Error color (red)
+    failed: 'text-error-700',
+    rejected: 'text-error-600',
+    error: 'text-error-600',
+    // Neutral/Cancelled states - Subtle color (gray)
+    cancelled: 'text-content-subtle',
+    expired: 'text-content-subtle',
+    inactive: 'text-content-subtle',
+    closed: 'text-content-subtle',
+    default: 'text-content-subtle',
+};
+/**
+ * Get color class for a status
+ * @param status - The status key (lowercase)
+ * @returns The Tailwind CSS color class
+ */
+export const getStatusColor = (status) => {
+    const normalizedStatus = status.toLowerCase().replace(/_/g, '_');
+    return UNIFIED_STATUS_COLORS[normalizedStatus] || UNIFIED_STATUS_COLORS.default;
+};
+/**
+ * Background color variants for status states
+ * Uses lighter shades for backgrounds
+ */
+export const UNIFIED_STATUS_BG_COLORS = {
+    // Pending/Waiting states
+    pending: 'bg-warning-50',
+    awaiting: 'bg-warning-50',
+    pending_review: 'bg-warning-50',
+    on_hold: 'bg-warning-50',
+    // Processing/Active states
+    processing: 'bg-primary-50',
+    in_progress: 'bg-primary-50',
+    active: 'bg-primary-50',
+    // Success states
+    completed: 'bg-success-50',
+    approved: 'bg-success-50',
+    executed: 'bg-success-50',
+    settled: 'bg-success-50',
+    success: 'bg-success-50',
+    // Error states
+    failed: 'bg-error-50',
+    rejected: 'bg-error-50',
+    error: 'bg-error-50',
+    // Neutral/Cancelled states
+    cancelled: 'bg-gray-50',
+    expired: 'bg-gray-50',
+    inactive: 'bg-gray-50',
+    closed: 'bg-gray-50',
+    default: 'bg-gray-50',
+};
+/**
+ * Badge color combinations (background + text)
+ * For use in status badges and pills
+ */
+export const UNIFIED_STATUS_BADGE_COLORS = {
+    // Pending/Waiting states
+    pending: 'bg-warning-100 text-warning-700',
+    awaiting: 'bg-warning-100 text-warning-700',
+    pending_review: 'bg-warning-100 text-warning-700',
+    on_hold: 'bg-warning-100 text-warning-700',
+    // Processing/Active states
+    processing: 'bg-primary-100 text-primary-700',
+    in_progress: 'bg-primary-100 text-primary-700',
+    active: 'bg-primary-100 text-primary-700',
+    // Success states
+    completed: 'bg-success-100 text-success-700',
+    approved: 'bg-success-100 text-success-700',
+    executed: 'bg-success-100 text-success-700',
+    settled: 'bg-success-100 text-success-700',
+    success: 'bg-success-100 text-success-700',
+    // Error states
+    failed: 'bg-error-100 text-error-700',
+    rejected: 'bg-error-100 text-error-700',
+    error: 'bg-error-100 text-error-700',
+    // Neutral/Cancelled states
+    cancelled: 'bg-gray-100 text-gray-700',
+    expired: 'bg-gray-100 text-gray-700',
+    inactive: 'bg-gray-100 text-gray-700',
+    closed: 'bg-gray-100 text-gray-700',
+    default: 'bg-gray-100 text-gray-700',
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cranberry-money/shared-constants",
-  "version": "4.10.0",
+  "version": "4.11.0",
   "description": "Shared constants for MyPortfolio platform",
   "type": "module",
   "main": "dist/index.js",