@propbinder/mobile-design 0.2.42 → 0.2.44

package/index.d.ts

@@ -6699,6 +6699,8 @@ interface HandbookDetailData {
     title: string;
     /** Color variant: 'success', 'warning', 'destructive', 'blue', 'light-purple', 'pink', 'salmon-orange', 'orange', 'lime-green', 'grey' */
     variant: string;
+    /** Optional custom hex color */
+    customColor?: string;
     /** Icon name from design system (e.g., 'remixKey2Line', 'remixLightbulbLine') */
     iconName: string;
     /** Total number of items/sections in this category */
@@ -6934,6 +6936,11 @@ declare class DsMobileHandbookFolderComponent {
      * Example: 'pink', 'success', 'blue'
      */
     variant: string;
+    /**
+     * Optional custom hex color for the folder.
+     * If provided, overrides the variant color completely.
+     */
+    customColor?: string;
     /**
      * Icon name from the design system icon library
      * Example: 'remixLightbulbLine', 'remixFolder3Line'
@@ -7003,7 +7010,7 @@ declare class DsMobileHandbookFolderComponent {
     getPageSheets(): number[];
     constructor(handbookModal: DsMobileHandbookDetailModalService);
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileHandbookFolderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileHandbookFolderComponent, "ds-mobile-handbook-folder", never, { "variant": { "alias": "variant"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "itemCount": { "alias": "itemCount"; "required": false; }; "label": { "alias": "label"; "required": false; }; "items": { "alias": "items"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "error": { "alias": "error"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileHandbookFolderComponent, "ds-mobile-handbook-folder", never, { "variant": { "alias": "variant"; "required": false; }; "customColor": { "alias": "customColor"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "itemCount": { "alias": "itemCount"; "required": false; }; "label": { "alias": "label"; "required": false; }; "items": { "alias": "items"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "error": { "alias": "error"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -7026,6 +7033,11 @@ declare class DsMobileHandbookFolderMiniComponent {
      * Available variants: success, warning, destructive, blue, light-purple, pink, salmon-orange, orange, lime-green, grey
      */
     variant: string;
+    /**
+     * Optional custom hex color for the folder.
+     * If provided, overrides the variant color.
+     */
+    customColor?: string;
     /**
      * Icon name from the design system icon library
      */
@@ -7035,7 +7047,7 @@ declare class DsMobileHandbookFolderMiniComponent {
      */
     getColorVar(suffix: 'base' | 'strong'): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileHandbookFolderMiniComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileHandbookFolderMiniComponent, "ds-mobile-handbook-folder-mini", never, { "variant": { "alias": "variant"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileHandbookFolderMiniComponent, "ds-mobile-handbook-folder-mini", never, { "variant": { "alias": "variant"; "required": false; }; "customColor": { "alias": "customColor"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@propbinder/mobile-design",
-  "version": "0.2.42",
+  "version": "0.2.44",
   "peerDependencies": {
     "@angular/common": "^20.3.0 || ^21.0.0",
     "@angular/core": "^20.3.0 || ^21.0.0"