@litigiovirtual/ius-design-components 2.2.3 → 2.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@litigiovirtual/ius-design-components",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "peerDependencies": {
     "@angular/cdk": ">=22.0.0 <23.0.0",
     "@angular/common": ">=22.0.0 <23.0.0",

package/types/litigiovirtual-ius-design-components.d.ts

@@ -3046,6 +3046,12 @@ interface SelectOption {
     value: IusSelectValue;
     /** Etiqueta visible. */
     label: string;
+    /**
+     * Línea superior (overline / eyebrow) encima del label. Ej.: el cliente
+     * encima del nombre del expediente. No participa en la búsqueda: el filtro
+     * mira solo `label` (golden).
+     */
+    overline?: string;
     /** Ícono Material Symbols Rounded a la izquierda de la opción. */
     icon?: string;
     /** Opción no seleccionable. */
@@ -4770,13 +4776,20 @@ type IusOptionItemState = 'idle' | 'hover' | 'pressed' | 'disabled' | 'selected'
  * (mismo fondo que hover) sin marcar la opción como elegida.
  *
  * Fuente de verdad: `components/inputs/OptionItem/OptionItem.jsx` + `.d.ts` +
- * `OptionItem.ng-spec.md`. Todo sale de tokens `--ius-*` (los px 6/11/22 son los
- * mismos valores crudos que fija el golden para el alto de fila y el disco del
- * check — excepción documentada por la fuente de verdad).
+ * `OptionItem.ng-spec.md`. Todo sale de tokens `--ius-*` (los px 1/6/11/22 son
+ * los mismos valores crudos que fija el golden para el alto de fila, la
+ * separación overline↔label y el disco del check — excepción documentada por la
+ * fuente de verdad).
  */
 declare class OptionItemComponent {
     /** Texto de la opción. Alternativa a la proyección de contenido. */
     label?: string;
+    /**
+     * Línea superior (eyebrow) encima del label — p. ej. el cliente encima del
+     * nombre del expediente. Sin overline la fila queda idéntica; con overline se
+     * pinta en blanco sobre el relleno azul de «Selected Var».
+     */
+    overline?: string;
     /** Ícono Material Symbols a la izquierda (opcional). */
     icon?: string;
     /** La opción está elegida. */
@@ -4810,7 +4823,7 @@ declare class OptionItemComponent {
     protected handleClick(): void;
     protected onMouseDown(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OptionItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OptionItemComponent, "ius-option-item", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "multi": { "alias": "multi"; "required": false; }; "active": { "alias": "active"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "selectClicked": "selectClicked"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OptionItemComponent, "ius-option-item", never, { "label": { "alias": "label"; "required": false; }; "overline": { "alias": "overline"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "multi": { "alias": "multi"; "required": false; }; "active": { "alias": "active"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "selectClicked": "selectClicked"; }, never, ["*"], true, never>;
     static ngAcceptInputType_selected: unknown;
     static ngAcceptInputType_multi: unknown;
     static ngAcceptInputType_active: unknown;