@kksdev/ds-angular 1.10.0 → 1.11.0

package/index.d.ts

@@ -5523,7 +5523,13 @@ declare class DsTimePicker implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsTimePicker, "ds-time-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "hourStep": { "alias": "hourStep"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "minTime": { "alias": "minTime"; "required": false; "isSignal": true; }; "maxTime": { "alias": "maxTime"; "required": false; "isSignal": true; }; }, { "timeChange": "timeChange"; }, never, never, true, never>;
 }
 
+/**
+ * Tailles disponibles pour le tree.
+ */
 type TreeSize = 'sm' | 'md' | 'lg';
+/**
+ * Interface représentant un nœud de l'arbre.
+ */
 interface TreeNode {
     id: string | number;
     label: string;
@@ -5535,18 +5541,28 @@ interface TreeNode {
     checked?: boolean;
     data?: any;
 }
+/**
+ * Événement de sélection d'un nœud.
+ */
 interface TreeNodeSelectEvent {
     node: TreeNode;
     selected: boolean;
 }
+/**
+ * Événement d'expansion/collapse d'un nœud.
+ */
 interface TreeNodeExpandEvent {
     node: TreeNode;
     expanded: boolean;
 }
+/**
+ * Événement de check d'un nœud.
+ */
 interface TreeNodeCheckEvent {
     node: TreeNode;
     checked: boolean;
 }
+
 /**
  * DsTree - Composant d'affichage hiérarchique
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kksdev/ds-angular",
-  "version": "1.10.0",
+  "version": "1.11.0",
   "description": "Angular 20 standalone component library - Design System with 55 components, 7 primitives, 3 themes, i18n support",
   "keywords": [
     "angular",
@@ -51,4 +51,4 @@
       "default": "./fesm2022/kksdev-ds-angular.mjs"
     }
   }
-}
+}

package/src/styles/themes/_custom.scss

@@ -766,6 +766,21 @@
   --time-picker-btn-confirm-text: var(--gray-50);
   --time-picker-btn-confirm-hover: color-mix(in oklab, var(--role-primary) 85%, var(--text-default));
 
+  /* ==========================================================================
+   * SÉMANTIQUES DS TREE
+   * ======================================================================== */
+  --tree-bg: var(--surface-default);
+  --tree-border: var(--border-color);
+  --tree-node-hover-bg: var(--surface-hover);
+  --tree-node-selected-bg: color-mix(in oklab, var(--role-primary) 15%, transparent);
+  --tree-node-selected-text: var(--role-primary);
+  --tree-toggle-color: var(--text-muted);
+  --tree-toggle-hover-color: var(--text-default);
+  --tree-icon-color: var(--text-muted);
+  --tree-line-color: var(--border-color);
+  --tree-line-width: 1px;
+  --tree-indent: 20px;
+
   /* ==========================================================================
    * SIDEBAR
    * ======================================================================== */

package/src/styles/themes/_dark.scss

@@ -752,6 +752,9 @@
   --tree-toggle-color: var(--gray-400);
   --tree-toggle-hover-color: var(--gray-100);
   --tree-icon-color: var(--gray-400);
+  --tree-line-color: var(--gray-600);
+  --tree-line-width: 1px;
+  --tree-indent: 20px;
 
   /* ==========================================================================
    * SÉMANTIQUES DS PASSWORD STRENGTH

package/src/styles/themes/_light.scss

@@ -742,6 +742,9 @@
   --tree-toggle-color: var(--text-muted);
   --tree-toggle-hover-color: var(--text-default);
   --tree-icon-color: var(--text-muted);
+  --tree-line-color: var(--gray-300);
+  --tree-line-width: 1px;
+  --tree-indent: 20px;
 
   /* ==========================================================================
    * SÉMANTIQUES DS PASSWORD STRENGTH