@trycourier/courier-ui-inbox 1.0.18 → 1.2.0

package/dist/types/courier-inbox-theme-manager.d.ts

@@ -1,51 +1,31 @@
-import { CourierComponentThemeMode, SystemThemeMode } from '@trycourier/courier-ui-core';
+import { CourierThemeManager, CourierThemeSubscription, SystemThemeMode } from '@trycourier/courier-ui-core';
 import { CourierInboxTheme } from './courier-inbox-theme';
-export interface CourierInboxThemeSubscription {
+export interface CourierInboxThemeSubscription extends CourierThemeSubscription<CourierInboxTheme> {
     manager: CourierInboxThemeManager;
-    unsubscribe: () => void;
 }
-export declare class CourierInboxThemeManager {
-    private readonly THEME_CHANGE_EVENT;
-    private _theme;
-    private _lightTheme;
-    private _darkTheme;
-    private _target;
-    private _subscriptions;
-    private _userMode;
-    private _systemMode;
-    private _systemThemeCleanup;
-    setLightTheme(theme: CourierInboxTheme): void;
-    setDarkTheme(theme: CourierInboxTheme): void;
+/**
+ * Inbox-specific theme manager that extends the abstract CourierThemeManager.
+ * Provides inbox theme management with light/dark mode support.
+ */
+export declare class CourierInboxThemeManager extends CourierThemeManager<CourierInboxTheme> {
+    protected readonly THEME_CHANGE_EVENT: string;
     constructor(initialTheme: CourierInboxTheme);
     /**
-     * Get the current system theme
+     * Get the default light theme for inbox
      */
-    get currentSystemTheme(): SystemThemeMode;
+    protected getDefaultLightTheme(): CourierInboxTheme;
     /**
-     * Get the current theme
+     * Get the default dark theme for inbox
      */
-    getTheme(): CourierInboxTheme;
+    protected getDefaultDarkTheme(): CourierInboxTheme;
     /**
-     * Update the theme
+     * Merge the inbox theme with defaults
      */
-    private updateTheme;
+    protected mergeTheme(mode: SystemThemeMode, theme: CourierInboxTheme): CourierInboxTheme;
     /**
-     * Set the theme and notify all listeners
-     */
-    private setTheme;
-    /**
-     * Set the mode and notify all listeners
-     */
-    setMode(mode: CourierComponentThemeMode): void;
-    get mode(): CourierComponentThemeMode;
-    /**
-     * Subscribe to theme changes
-     * @param {Function} callback - Function to run when the theme changes
-     * @returns {CourierInboxThemeSubscription} - Object with remove method to stop listening
+     * Subscribe to inbox theme changes
+     * @param callback - Function to run when the theme changes
+     * @returns Object with unsubscribe method to stop listening
      */
     subscribe(callback: (theme: CourierInboxTheme) => void): CourierInboxThemeSubscription;
-    /**
-     * Clean up event listeners
-     */
-    cleanup(): void;
 }

package/dist/types/courier-inbox-theme.d.ts

@@ -1,14 +1,8 @@
-import { SystemThemeMode } from '@trycourier/courier-ui-core';
-export type CourierInboxFontTheme = {
-    family?: string;
-    weight?: string;
-    size?: string;
-    color?: string;
-};
-export type CourierInboxIconTheme = {
-    color?: string;
-    svg?: string;
-};
+import { SystemThemeMode, CourierFontTheme, CourierIconTheme, CourierButtonTheme, CourierIconButtonTheme } from '@trycourier/courier-ui-core';
+export type CourierInboxFontTheme = CourierFontTheme;
+export type CourierInboxIconTheme = CourierIconTheme;
+export type CourierInboxButtonTheme = CourierButtonTheme;
+export type CourierInboxIconButtonTheme = CourierIconButtonTheme;
 export type CourierInboxFilterItemTheme = {
     icon?: CourierInboxIconTheme;
     text?: string;
@@ -25,22 +19,6 @@ export type CourierInboxUnreadCountIndicatorTheme = {
     borderRadius?: string;
     padding?: string;
 };
-export type CourierInboxIconButtonTheme = {
-    icon?: CourierInboxIconTheme;
-    backgroundColor?: string;
-    hoverBackgroundColor?: string;
-    activeBackgroundColor?: string;
-};
-export type CourierInboxButtonTheme = {
-    font?: CourierInboxFontTheme;
-    text?: string;
-    shadow?: string;
-    border?: string;
-    borderRadius?: string;
-    backgroundColor?: string;
-    hoverBackgroundColor?: string;
-    activeBackgroundColor?: string;
-};
 export type CourierInboxMenuButtonTheme = CourierInboxIconButtonTheme & {
     unreadDotIndicator?: CourierInboxUnreadDotIndicatorTheme;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/courier-ui-inbox",
-  "version": "1.0.18",
+  "version": "1.2.0",
   "description": "Inbox components for the Courier web UI",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -8,10 +8,12 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
+    "build:ci": "yarn build && yarn generate-api-doc",
     "watch": "vite build --watch",
     "preview": "vite preview",
     "prepare": "npm run build",
-    "test": "jest"
+    "test": "jest",
+    "generate-api-doc": "api-extractor run"
   },
   "keywords": [
     "courier",
@@ -26,8 +28,8 @@
     "dist"
   ],
   "dependencies": {
-    "@trycourier/courier-js": "2.0.12",
-    "@trycourier/courier-ui-core": "1.0.13"
+    "@trycourier/courier-js": "2.1.0",
+    "@trycourier/courier-ui-core": "1.0.14"
   },
   "devDependencies": {
     "@types/jest": "29.5.14",