@widergy/energy-ui 3.151.0 → 3.153.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +66 -52
  2. package/dist/components/UTIcon/components/EnergyIcons/EnergyIconCreditCardsFilled.svg +3 -0
  3. package/dist/components/UTIcon/constants.js +16 -1
  4. package/dist/components/UTPanel/UTPanel.stories.js +103 -1
  5. package/dist/components/UTPanel/versions/V1/components/AdditionalContentModule/index.js +15 -3
  6. package/dist/components/UTPanel/versions/V1/components/AdditionalContentModule/styles.module.scss +14 -1
  7. package/dist/components/UTPanel/versions/V1/components/HeaderSection/index.js +5 -1
  8. package/dist/components/UTPanel/versions/V1/index.js +4 -0
  9. package/dist/components/UTPanel/versions/V1/styles.module.scss +5 -0
  10. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,303 +1,317 @@
1
+ # [3.153.0](https://github.com/widergy/energy-ui/compare/v3.152.0...v3.153.0) (2026-05-13)
2
+
3
+
4
+ ### Features
5
+
6
+ * [AXCH-1599] task list component related tasks side panel ([#793](https://github.com/widergy/energy-ui/issues/793)) ([ecbf06d](https://github.com/widergy/energy-ui/commit/ecbf06db43aaaa330162153d811fc1ce9c51e246))
7
+
8
+ # [3.152.0](https://github.com/widergy/energy-ui/compare/v3.151.0...v3.152.0) (2026-05-13)
9
+
10
+
11
+ ### Features
12
+
13
+ * [CX-2231] new credit cards icon ([#797](https://github.com/widergy/energy-ui/issues/797)) ([7bab790](https://github.com/widergy/energy-ui/commit/7bab790d2a0ebebed6a1e0a304846d0f8b39734b))
14
+
1
15
  # [3.151.0](https://github.com/widergy/energy-ui/compare/v3.150.0...v3.151.0) (2026-05-11)
2
16
 
3
17
 
4
18
  ### Features
5
19
 
6
- * [AXCH-1429] dot menu changes ([#786](https://github.com/widergy/energy-ui/issues/786)) ([da08cef](https://github.com/widergy/energy-ui/commit/da08cefc7b5f19bf69e7cb40aed0431f76322b8e))
20
+ * [AXCH-1429] dot menu changes ([#786](https://github.com/widergy/energy-ui/issues/786)) ([da08cef](https://github.com/widergy/energy-ui/commit/da08cefc7b5f19bf69e7cb40aed0431f76322b8e)) [AXCH-1429](https://widergy.atlassian.net/browse/AXCH-1429)
7
21
 
8
22
  # [3.150.0](https://github.com/widergy/energy-ui/compare/v3.149.0...v3.150.0) (2026-05-08)
9
23
 
10
24
  ### Novedades y Mejoras
11
25
 
12
- * El componente de carrusel ahora admite contenido personalizado en cada slide, mayor control sobre el alineado y espaciado de las leyendas, y permite que los componentes custom detecten cuál slide está activo. El componente de etiqueta incorpora soporte para estilos personalizados. [#790](https://github.com/widergy/Energy-UI/pull/790)
26
+ * El componente de carrusel ahora admite contenido personalizado en cada slide, mayor control sobre el alineado y espaciado de las leyendas, y permite que los componentes custom detecten cuál slide está activo. El componente de etiqueta incorpora soporte para estilos personalizados. [#790](https://github.com/widergy/Energy-UI/pull/790) [CX-2272](https://widergy.atlassian.net/browse/CX-2272)
13
27
 
14
28
  # [3.149.0](https://github.com/widergy/energy-ui/compare/v3.148.0...v3.149.0) (2026-05-08)
15
29
 
16
30
  ### Novedades y Mejoras
17
31
 
18
- * El componente de estado ahora admite un tamaño extra grande y trunca el texto con puntos suspensivos cuando el espacio disponible es limitado. [#791](https://github.com/widergy/Energy-UI/pull/791)
19
- * Mejoras internas de la plataforma. [#779](https://github.com/widergy/Energy-UI/pull/779)
32
+ * El componente de estado ahora admite un tamaño extra grande y trunca el texto con puntos suspensivos cuando el espacio disponible es limitado. [#791](https://github.com/widergy/Energy-UI/pull/791) [BRILLA-374](https://widergy.atlassian.net/browse/BRILLA-374)
33
+ * Mejoras internas de la plataforma. [#779](https://github.com/widergy/Energy-UI/pull/779) [DEV-794](https://widergy.atlassian.net/browse/DEV-794) [DEV-000](https://widergy.atlassian.net/browse/DEV-000)
20
34
 
21
35
  # [3.148.0](https://github.com/widergy/energy-ui/compare/v3.147.0...v3.148.0) (2026-05-05)
22
36
 
23
37
  ### Correcciones
24
38
 
25
- * Se corrigió el comportamiento del panel expandible, que ahora responde correctamente a la acción de colapsar y expandir su contenido. [#788](https://github.com/widergy/Energy-UI/pull/788)
39
+ * Se corrigió el comportamiento del panel expandible, que ahora responde correctamente a la acción de colapsar y expandir su contenido. [#788](https://github.com/widergy/Energy-UI/pull/788) [AXCH-1221](https://widergy.atlassian.net/browse/AXCH-1221)
26
40
 
27
41
  # [3.147.0](https://github.com/widergy/energy-ui/compare/v3.146.0...v3.147.0) (2026-05-04)
28
42
 
29
43
  ### Novedades y Mejoras
30
44
 
31
- * Los paneles ahora pueden configurarse para mostrar su contenido adicional colapsado por defecto, dando mayor control sobre la presentación de la información. [#787](https://github.com/widergy/Energy-UI/pull/787)
45
+ * Los paneles ahora pueden configurarse para mostrar su contenido adicional colapsado por defecto, dando mayor control sobre la presentación de la información. [#787](https://github.com/widergy/Energy-UI/pull/787) [AXCH-1221](https://widergy.atlassian.net/browse/AXCH-1221)
32
46
 
33
47
  # [3.146.0](https://github.com/widergy/energy-ui/compare/v3.145.1...v3.146.0) (2026-04-30)
34
48
 
35
49
  ### Novedades y Mejoras
36
50
 
37
- * Mejoras internas de la plataforma [#780](https://github.com/widergy/Energy-UI/pull/780)
51
+ * Mejoras internas de la plataforma [#780](https://github.com/widergy/Energy-UI/pull/780) [AUTO-214](https://widergy.atlassian.net/browse/AUTO-214)
38
52
 
39
53
  ## [3.145.1](https://github.com/widergy/energy-ui/compare/v3.145.0...v3.145.1) (2026-04-28)
40
54
 
41
55
  ### Correcciones
42
56
 
43
- * Se corrigió el comportamiento del calendario al seleccionar fecha y horario: ahora ambos valores se actualizan correctamente de forma conjunta, evitando inconsistencias al completar el formulario. [#785](https://github.com/widergy/Energy-UI/pull/785)
57
+ * Se corrigió el comportamiento del calendario al seleccionar fecha y horario: ahora ambos valores se actualizan correctamente de forma conjunta, evitando inconsistencias al completar el formulario. [#785](https://github.com/widergy/Energy-UI/pull/785) [OUG-999](https://widergy.atlassian.net/browse/OUG-999)
44
58
 
45
59
  # [3.145.0](https://github.com/widergy/energy-ui/compare/v3.144.2...v3.145.0) (2026-04-27)
46
60
 
47
61
  ### Novedades y Mejoras
48
62
 
49
- * Se actualizó la apariencia visual de los grupos de botones y botones individuales: los separadores internos fueron eliminados, el botón activo se distingue con mayor claridad según el tema de color utilizado, y los botones inactivos presentan un tono más suave para mejorar la legibilidad. [#783](https://github.com/widergy/Energy-UI/pull/783) [#784](https://github.com/widergy/Energy-UI/pull/784)
63
+ * Se actualizó la apariencia visual de los grupos de botones y botones individuales: los separadores internos fueron eliminados, el botón activo se distingue con mayor claridad según el tema de color utilizado, y los botones inactivos presentan un tono más suave para mejorar la legibilidad. [#783](https://github.com/widergy/Energy-UI/pull/783) [#784](https://github.com/widergy/Energy-UI/pull/784) [CX-2126](https://widergy.atlassian.net/browse/CX-2126)
50
64
 
51
65
  ## [3.144.2](https://github.com/widergy/energy-ui/compare/v3.144.1...v3.144.2) (2026-04-24)
52
66
 
53
67
  ### Novedades y Mejoras
54
68
 
55
- * Mejoras internas de la plataforma [#782](https://github.com/widergy/Energy-UI/pull/782)
69
+ * Mejoras internas de la plataforma [#782](https://github.com/widergy/Energy-UI/pull/782) [DEV-999](https://widergy.atlassian.net/browse/DEV-999)
56
70
 
57
71
  ## [3.144.1](https://github.com/widergy/energy-ui/compare/v3.144.0...v3.144.1) (2026-04-22)
58
72
 
59
73
  ### Novedades y Mejoras
60
74
 
61
- * Mejoras internas de la plataforma. [#781](https://github.com/widergy/Energy-UI/pull/781)
75
+ * Mejoras internas de la plataforma. [#781](https://github.com/widergy/Energy-UI/pull/781) [DEV-999](https://widergy.atlassian.net/browse/DEV-999)
62
76
 
63
77
  # [3.144.0](https://github.com/widergy/energy-ui/compare/v3.143.0...v3.144.0) (2026-04-22)
64
78
 
65
79
  ### Novedades y Mejoras
66
80
 
67
- * El componente de estado (UTStatus) ahora admite un tamaño extra pequeño, con tipografía, ícono y espaciado optimizados para contextos de mayor densidad de información. [#778](https://github.com/widergy/Energy-UI/pull/778)
81
+ * El componente de estado (UTStatus) ahora admite un tamaño extra pequeño, con tipografía, ícono y espaciado optimizados para contextos de mayor densidad de información. [#778](https://github.com/widergy/Energy-UI/pull/778) [CX-2127](https://widergy.atlassian.net/browse/CX-2127)
68
82
  * Mejoras internas de la plataforma. [`0d6ed89`](https://github.com/widergy/Energy-UI/commit/0d6ed89)
69
83
 
70
84
  # [3.143.0](https://github.com/widergy/energy-ui/compare/v3.142.2...v3.143.0) (2026-04-15)
71
85
 
72
86
  ### Novedades y Mejoras
73
87
 
74
- * Los archivos adjuntos ahora conservan su nombre original al navegar entre pasos de un trámite, y es posible descargarlos en formato CSV, XLS y XLSX. [#774](https://github.com/widergy/Energy-UI/pull/774)
88
+ * Los archivos adjuntos ahora conservan su nombre original al navegar entre pasos de un trámite, y es posible descargarlos en formato CSV, XLS y XLSX. [#774](https://github.com/widergy/Energy-UI/pull/774) [BRILLA-339](https://widergy.atlassian.net/browse/BRILLA-339)
75
89
 
76
90
  ## [3.142.2](https://github.com/widergy/energy-ui/compare/v3.142.1...v3.142.2) (2026-04-15)
77
91
 
78
92
  ### Correcciones
79
93
 
80
- * Se ajustaron los tamaños de los títulos y se agregó soporte para texto de cuerpo en tamaño extra pequeño, mejorando la consistencia visual de la interfaz. [#777](https://github.com/widergy/Energy-UI/pull/777)
94
+ * Se ajustaron los tamaños de los títulos y se agregó soporte para texto de cuerpo en tamaño extra pequeño, mejorando la consistencia visual de la interfaz. [#777](https://github.com/widergy/Energy-UI/pull/777) [OUG-999](https://widergy.atlassian.net/browse/OUG-999)
81
95
 
82
96
  ## [3.142.1](https://github.com/widergy/energy-ui/compare/v3.142.0...v3.142.1) (2026-04-14)
83
97
 
84
98
  ### Correcciones
85
99
 
86
- * Mejoras internas de la plataforma [#776](https://github.com/widergy/Energy-UI/pull/776)
100
+ * Mejoras internas de la plataforma [#776](https://github.com/widergy/Energy-UI/pull/776) [DEV-766](https://widergy.atlassian.net/browse/DEV-766)
87
101
 
88
102
  # [3.142.0](https://github.com/widergy/energy-ui/compare/v3.141.4...v3.142.0) (2026-04-14)
89
103
 
90
104
  ### Novedades y Mejoras
91
105
 
92
- * Los campos de formulario ahora pueden mostrar acciones contextuales con íconos y descripciones emergentes (tooltips), permitiendo indicar observaciones o estados adicionales directamente sobre el campo. [#773](https://github.com/widergy/Energy-UI/pull/773)
106
+ * Los campos de formulario ahora pueden mostrar acciones contextuales con íconos y descripciones emergentes (tooltips), permitiendo indicar observaciones o estados adicionales directamente sobre el campo. [#773](https://github.com/widergy/Energy-UI/pull/773) [AXCH-1428](https://widergy.atlassian.net/browse/AXCH-1428)
93
107
 
94
108
  ## [3.141.4](https://github.com/widergy/energy-ui/compare/v3.141.3...v3.141.4) (2026-04-14)
95
109
 
96
110
  ### Correcciones
97
111
 
98
- * Se corrigió un problema en la barra lateral de navegación. [#775](https://github.com/widergy/Energy-UI/pull/775)
112
+ * Se corrigió un problema en la barra lateral de navegación. [#775](https://github.com/widergy/Energy-UI/pull/775) [AXAG-284](https://widergy.atlassian.net/browse/AXAG-284)
99
113
 
100
114
  ## [3.141.3](https://github.com/widergy/energy-ui/compare/v3.141.2...v3.141.3) (2026-04-13)
101
115
 
102
116
  ### Novedades y Mejoras
103
117
 
104
- * Las tablas ahora permiten configurar la alineación del contenido en cada columna, ofreciendo mayor flexibilidad en la presentación de datos. [#771](https://github.com/widergy/Energy-UI/pull/771)
118
+ * Las tablas ahora permiten configurar la alineación del contenido en cada columna, ofreciendo mayor flexibilidad en la presentación de datos. [#771](https://github.com/widergy/Energy-UI/pull/771) [AXCH-1218](https://widergy.atlassian.net/browse/AXCH-1218)
105
119
 
106
120
  ### Correcciones
107
121
 
108
- * Se corrigió un problema visual en el que ciertos indicadores de estado (badges) no reflejaban correctamente su estilo al actualizarse. [#771](https://github.com/widergy/Energy-UI/pull/771)
122
+ * Se corrigió un problema visual en el que ciertos indicadores de estado (badges) no reflejaban correctamente su estilo al actualizarse. [#771](https://github.com/widergy/Energy-UI/pull/771) [AXCH-1218](https://widergy.atlassian.net/browse/AXCH-1218)
109
123
 
110
124
  ## [3.141.2](https://github.com/widergy/energy-ui/compare/v3.141.1...v3.141.2) (2026-04-09)
111
125
 
112
126
  ### Correcciones
113
127
 
114
- * Se corrigió la visualización de elementos de datos en la interfaz. [#772](https://github.com/widergy/Energy-UI/pull/772)
128
+ * Se corrigió la visualización de elementos de datos en la interfaz. [#772](https://github.com/widergy/Energy-UI/pull/772) [DIS-1096](https://widergy.atlassian.net/browse/DIS-1096)
115
129
 
116
130
  ## [3.141.1](https://github.com/widergy/energy-ui/compare/v3.141.0...v3.141.1) (2026-03-31)
117
131
 
118
132
  ### Correcciones
119
133
 
120
- * Se corrigió un problema por el cual algunos textos que contenían el carácter ":" desaparecían o se mostraban de forma incorrecta en la interfaz. [#770](https://github.com/widergy/Energy-UI/pull/770)
134
+ * Se corrigió un problema por el cual algunos textos que contenían el carácter ":" desaparecían o se mostraban de forma incorrecta en la interfaz. [#770](https://github.com/widergy/Energy-UI/pull/770) [PDI-906](https://widergy.atlassian.net/browse/PDI-906)
121
135
 
122
136
  # [3.141.0](https://github.com/widergy/energy-ui/compare/v3.140.0...v3.141.0) (2026-03-18)
123
137
 
124
138
  ### Novedades y Mejoras
125
139
 
126
- * Los avatares ahora pueden mostrar abreviaciones personalizadas, mejorando la identificación visual en la asignación de grupos. [#769](https://github.com/widergy/Energy-UI/pull/769)
140
+ * Los avatares ahora pueden mostrar abreviaciones personalizadas, mejorando la identificación visual en la asignación de grupos. [#769](https://github.com/widergy/Energy-UI/pull/769) [AXCH-1339](https://widergy.atlassian.net/browse/AXCH-1339)
127
141
 
128
142
  # [3.140.0](https://github.com/widergy/energy-ui/compare/v3.139.1...v3.140.0) (2026-03-11)
129
143
 
130
144
  ### Correcciones
131
145
 
132
- * Se corrigió un problema en los grupos de opciones de selección que impedía interactuar correctamente con cada opción de forma independiente. [#768](https://github.com/widergy/Energy-UI/pull/768)
146
+ * Se corrigió un problema en los grupos de opciones de selección que impedía interactuar correctamente con cada opción de forma independiente. [#768](https://github.com/widergy/Energy-UI/pull/768) [AUTO-200](https://widergy.atlassian.net/browse/AUTO-200)
133
147
 
134
148
  ## [3.139.1](https://github.com/widergy/energy-ui/compare/v3.139.0...v3.139.1) (2026-02-27)
135
149
 
136
150
  ### Correcciones
137
151
 
138
- * Se corrigió un problema en el flujo de registro donde aparecían dos botones de avance en la misma pantalla. Además, se resolvió un error en Safari para iOS que causaba que la barra de navegación se superpusiera incorrectamente sobre el contenido. [#767](https://github.com/widergy/Energy-UI/pull/767)
152
+ * Se corrigió un problema en el flujo de registro donde aparecían dos botones de avance en la misma pantalla. Además, se resolvió un error en Safari para iOS que causaba que la barra de navegación se superpusiera incorrectamente sobre el contenido. [#767](https://github.com/widergy/Energy-UI/pull/767) [BRILLA-271](https://widergy.atlassian.net/browse/BRILLA-271)
139
153
 
140
154
  # [3.139.0](https://github.com/widergy/energy-ui/compare/v3.138.5...v3.139.0) (2026-02-25)
141
155
 
142
156
  ### Novedades y Mejoras
143
157
 
144
- * Los paneles laterales ahora pueden incorporar un área de contenido secundario con navegación por íconos, lo que permite organizar mejor la información complementaria como configuraciones o notificaciones dentro del mismo panel. [#753](https://github.com/widergy/Energy-UI/pull/753)
158
+ * Los paneles laterales ahora pueden incorporar un área de contenido secundario con navegación por íconos, lo que permite organizar mejor la información complementaria como configuraciones o notificaciones dentro del mismo panel. [#753](https://github.com/widergy/Energy-UI/pull/753) [AXCH-1193](https://widergy.atlassian.net/browse/AXCH-1193)
145
159
 
146
160
  ## [3.138.5](https://github.com/widergy/energy-ui/compare/v3.138.4...v3.138.5) (2026-02-24)
147
161
 
148
162
  ### Novedades y Mejoras
149
163
 
150
- * Se mejora el panel de filtros y accesos rápidos: ahora es posible configurarlo para que las categorías no sean colapsables, ocultar el botón de agregar filtros, y ajustar el comportamiento del scroll. Además, los botones de editar y eliminar filtros solo se muestran cuando la acción correspondiente está disponible, y los nombres de las categorías se visualizan siempre en mayúsculas. [#764](https://github.com/widergy/Energy-UI/pull/764)
164
+ * Se mejora el panel de filtros y accesos rápidos: ahora es posible configurarlo para que las categorías no sean colapsables, ocultar el botón de agregar filtros, y ajustar el comportamiento del scroll. Además, los botones de editar y eliminar filtros solo se muestran cuando la acción correspondiente está disponible, y los nombres de las categorías se visualizan siempre en mayúsculas. [#764](https://github.com/widergy/Energy-UI/pull/764) [PDI-677](https://widergy.atlassian.net/browse/PDI-677)
151
165
 
152
166
  ## [3.138.4](https://github.com/widergy/energy-ui/compare/v3.138.3...v3.138.4) (2026-02-19)
153
167
 
154
168
  ### Correcciones
155
169
 
156
- * Se corrigió un problema en la pantalla de selección de método de pago que impedía interactuar correctamente con las opciones disponibles durante pruebas automatizadas. [#766](https://github.com/widergy/Energy-UI/pull/766)
170
+ * Se corrigió un problema en la pantalla de selección de método de pago que impedía interactuar correctamente con las opciones disponibles durante pruebas automatizadas. [#766](https://github.com/widergy/Energy-UI/pull/766) [CX-1935](https://widergy.atlassian.net/browse/CX-1935)
157
171
 
158
172
  ## [3.138.3](https://github.com/widergy/energy-ui/compare/v3.138.2...v3.138.3) (2026-02-13)
159
173
 
160
174
  ### Correcciones
161
175
 
162
- * Se corrigieron problemas en el componente de categorías de datos: ahora admite íconos de encabezado y acciones interactivas, y se actualizó su visualización en el entorno de ejemplos. [#765](https://github.com/widergy/Energy-UI/pull/765)
176
+ * Se corrigieron problemas en el componente de categorías de datos: ahora admite íconos de encabezado y acciones interactivas, y se actualizó su visualización en el entorno de ejemplos. [#765](https://github.com/widergy/Energy-UI/pull/765) [OUG-999](https://widergy.atlassian.net/browse/OUG-999)
163
177
 
164
178
  ## [3.138.2](https://github.com/widergy/energy-ui/compare/v3.138.1...v3.138.2) (2026-02-11)
165
179
 
166
180
  ### Novedades y Mejoras
167
181
 
168
- * Se incorporó una nueva opción en las columnas de tablas que permite a los componentes visuales ocupar el ancho completo de la celda, mejorando la presentación de contenido personalizado. [#763](https://github.com/widergy/Energy-UI/pull/763)
182
+ * Se incorporó una nueva opción en las columnas de tablas que permite a los componentes visuales ocupar el ancho completo de la celda, mejorando la presentación de contenido personalizado. [#763](https://github.com/widergy/Energy-UI/pull/763) [AXCH-1231](https://widergy.atlassian.net/browse/AXCH-1231)
169
183
 
170
184
  ## [3.138.1](https://github.com/widergy/energy-ui/compare/v3.138.0...v3.138.1) (2026-02-11)
171
185
 
172
186
  ### Correcciones
173
187
 
174
- * Se corrigió un problema en el historial de consumo que impedía ver el tooltip al pasar el cursor sobre las barras del gráfico. [#762](https://github.com/widergy/Energy-UI/pull/762)
188
+ * Se corrigió un problema en el historial de consumo que impedía ver el tooltip al pasar el cursor sobre las barras del gráfico. [#762](https://github.com/widergy/Energy-UI/pull/762) [EVEP-402](https://widergy.atlassian.net/browse/EVEP-402)
175
189
 
176
190
  # [3.138.0](https://github.com/widergy/energy-ui/compare/v3.137.2...v3.138.0) (2026-02-10)
177
191
 
178
192
  ### Novedades y Mejoras
179
193
 
180
- * Mejoras internas de la plataforma [#726](https://github.com/widergy/Energy-UI/pull/726)
194
+ * Mejoras internas de la plataforma [#726](https://github.com/widergy/Energy-UI/pull/726) [DEV-766](https://widergy.atlassian.net/browse/DEV-766)
181
195
 
182
196
  ## [3.137.2](https://github.com/widergy/energy-ui/compare/v3.137.1...v3.137.2) (2026-02-10)
183
197
 
184
198
  ### Novedades y Mejoras
185
199
 
186
- * Se mejoró el panel de accesos rápidos con nuevos tokens de diseño, logrando una apariencia más consistente y alineada con el sistema visual de la plataforma. [#756](https://github.com/widergy/Energy-UI/pull/756)
200
+ * Se mejoró el panel de accesos rápidos con nuevos tokens de diseño, logrando una apariencia más consistente y alineada con el sistema visual de la plataforma. [#756](https://github.com/widergy/Energy-UI/pull/756) [OUG-999](https://widergy.atlassian.net/browse/OUG-999)
187
201
 
188
202
  ## [3.137.1](https://github.com/widergy/energy-ui/compare/v3.137.0...v3.137.1) (2026-02-09)
189
203
 
190
204
  ### Correcciones
191
205
 
192
- * Se corrigió la visualización del gráfico de consumo histórico: el valor límite de excedencia ya no aparece como el máximo del eje, permitiendo una lectura más precisa de los datos. [#761](https://github.com/widergy/Energy-UI/pull/761)
206
+ * Se corrigió la visualización del gráfico de consumo histórico: el valor límite de excedencia ya no aparece como el máximo del eje, permitiendo una lectura más precisa de los datos. [#761](https://github.com/widergy/Energy-UI/pull/761) [EVEP-389](https://widergy.atlassian.net/browse/EVEP-389)
193
207
 
194
208
  # [3.137.0](https://github.com/widergy/energy-ui/compare/v3.136.1...v3.137.0) (2026-02-09)
195
209
 
196
210
  ### Novedades y Mejoras
197
211
 
198
- * Se incorporó soporte de personalización avanzada en los botones de la interfaz, permitiendo adaptar colores, tamaños y estilos mediante tokens de diseño sin necesidad de modificar el código base. [#755](https://github.com/widergy/Energy-UI/pull/755)
212
+ * Se incorporó soporte de personalización avanzada en los botones de la interfaz, permitiendo adaptar colores, tamaños y estilos mediante tokens de diseño sin necesidad de modificar el código base. [#755](https://github.com/widergy/Energy-UI/pull/755) [OUG-999](https://widergy.atlassian.net/browse/OUG-999)
199
213
 
200
214
  ## [3.136.1](https://github.com/widergy/energy-ui/compare/v3.136.0...v3.136.1) (2026-02-05)
201
215
 
202
216
  ### Novedades y Mejoras
203
217
 
204
- * Mejoras internas de la plataforma. [#758](https://github.com/widergy/Energy-UI/pull/758) [#759](https://github.com/widergy/Energy-UI/pull/759) [#760](https://github.com/widergy/Energy-UI/pull/760)
218
+ * Mejoras internas de la plataforma. [#758](https://github.com/widergy/Energy-UI/pull/758) [#759](https://github.com/widergy/Energy-UI/pull/759) [#760](https://github.com/widergy/Energy-UI/pull/760) [AXCH-9999](https://widergy.atlassian.net/browse/AXCH-9999)
205
219
 
206
220
  # [3.136.0](https://github.com/widergy/energy-ui/compare/v3.135.0...v3.136.0) (2026-02-05)
207
221
 
208
222
  ### Novedades y Mejoras
209
223
 
210
- * Se mejoró el componente de estado para casos, incorporando nuevas opciones de presentación visual y mayor flexibilidad en su configuración. [#757](https://github.com/widergy/Energy-UI/pull/757)
224
+ * Se mejoró el componente de estado para casos, incorporando nuevas opciones de presentación visual y mayor flexibilidad en su configuración. [#757](https://github.com/widergy/Energy-UI/pull/757) [AXCH-1214](https://widergy.atlassian.net/browse/AXCH-1214)
211
225
 
212
226
  # [3.135.0](https://github.com/widergy/energy-ui/compare/v3.134.0...v3.135.0) (2026-02-04)
213
227
 
214
228
  ### Correcciones
215
229
 
216
- * Se corrigió un problema que cortaba el contenido de ciertos elementos expandibles cuando su altura variaba dinámicamente. [#754](https://github.com/widergy/Energy-UI/pull/754)
217
- * Mejoras internas de la plataforma. [#743](https://github.com/widergy/Energy-UI/pull/743) [`102a74f`](https://github.com/widergy/Energy-UI/commit/102a74f)
230
+ * Se corrigió un problema que cortaba el contenido de ciertos elementos expandibles cuando su altura variaba dinámicamente. [#754](https://github.com/widergy/Energy-UI/pull/754) [BRILLA-213](https://widergy.atlassian.net/browse/BRILLA-213)
231
+ * Mejoras internas de la plataforma. [#743](https://github.com/widergy/Energy-UI/pull/743) [`102a74f`](https://github.com/widergy/Energy-UI/commit/102a74f) [AXCH-799](https://widergy.atlassian.net/browse/AXCH-799)
218
232
 
219
233
  # [3.134.0](https://github.com/widergy/energy-ui/compare/v3.133.1...v3.134.0) (2026-02-04)
220
234
 
221
235
  ### Novedades y Mejoras
222
236
 
223
- * Mejoras internas de la plataforma. [#747](https://github.com/widergy/Energy-UI/pull/747)
237
+ * Mejoras internas de la plataforma. [#747](https://github.com/widergy/Energy-UI/pull/747) [AXCH-799](https://widergy.atlassian.net/browse/AXCH-799)
224
238
 
225
239
  ## [3.133.1](https://github.com/widergy/energy-ui/compare/v3.133.0...v3.133.1) (2026-01-27)
226
240
 
227
241
  ### Correcciones
228
242
 
229
- * Se corrigió un problema que impedía observar campos de adjuntos vacíos en la gestión de trámites. Ahora la acción está disponible independientemente de si el campo tiene archivos cargados o no. [#752](https://github.com/widergy/Energy-UI/pull/752)
243
+ * Se corrigió un problema que impedía observar campos de adjuntos vacíos en la gestión de trámites. Ahora la acción está disponible independientemente de si el campo tiene archivos cargados o no. [#752](https://github.com/widergy/Energy-UI/pull/752) [UGOVAES-1134](https://widergy.atlassian.net/browse/UGOVAES-1134)
230
244
 
231
245
  # [3.133.0](https://github.com/widergy/energy-ui/compare/v3.132.0...v3.133.0) (2026-01-26)
232
246
 
233
247
  ### Novedades y Mejoras
234
248
 
235
- * Se agregó la posibilidad de incorporar un componente personalizado en el encabezado de la aplicación, junto a las acciones existentes. [#751](https://github.com/widergy/Energy-UI/pull/751)
249
+ * Se agregó la posibilidad de incorporar un componente personalizado en el encabezado de la aplicación, junto a las acciones existentes. [#751](https://github.com/widergy/Energy-UI/pull/751) [AXCH-1206](https://widergy.atlassian.net/browse/AXCH-1206)
236
250
 
237
251
  # [3.132.0](https://github.com/widergy/energy-ui/compare/v3.131.0...v3.132.0) (2026-01-26)
238
252
 
239
253
  ### Novedades y Mejoras
240
254
 
241
- * Se incorporaron opciones de personalización visual para las etiquetas de texto, permitiendo adaptar su apariencia de forma más flexible. [#748](https://github.com/widergy/Energy-UI/pull/748)
255
+ * Se incorporaron opciones de personalización visual para las etiquetas de texto, permitiendo adaptar su apariencia de forma más flexible. [#748](https://github.com/widergy/Energy-UI/pull/748) [OUG-999](https://widergy.atlassian.net/browse/OUG-999)
242
256
 
243
257
  # [3.131.0](https://github.com/widergy/energy-ui/compare/v3.130.1...v3.131.0) (2026-01-22)
244
258
 
245
259
  ### Correcciones
246
260
 
247
- * Se corrigió la visualización de las barras en los gráficos, que ahora se muestran con la altura correcta. [#750](https://github.com/widergy/Energy-UI/pull/750)
261
+ * Se corrigió la visualización de las barras en los gráficos, que ahora se muestran con la altura correcta. [#750](https://github.com/widergy/Energy-UI/pull/750) [EVEP-353](https://widergy.atlassian.net/browse/EVEP-353)
248
262
 
249
263
  ## [3.130.1](https://github.com/widergy/energy-ui/compare/v3.130.0...v3.130.1) (2026-01-19)
250
264
 
251
265
  ### Correcciones
252
266
 
253
- * Se corrigió la alineación del texto en los menús desplegables, que aparecía desplazado hacia la derecha en lugar de mostrarse correctamente a la izquierda. [#749](https://github.com/widergy/Energy-UI/pull/749)
267
+ * Se corrigió la alineación del texto en los menús desplegables, que aparecía desplazado hacia la derecha en lugar de mostrarse correctamente a la izquierda. [#749](https://github.com/widergy/Energy-UI/pull/749) [CX-1777](https://widergy.atlassian.net/browse/CX-1777)
254
268
 
255
269
  # [3.130.0](https://github.com/widergy/energy-ui/compare/v3.129.1...v3.130.0) (2026-01-14)
256
270
 
257
271
  ### Novedades y Mejoras
258
272
 
259
- * El componente de adjuntos ahora puede ser observado y validado dentro de formularios, mejorando la experiencia al gestionar documentos adjuntos. [#742](https://github.com/widergy/Energy-UI/pull/742)
273
+ * El componente de adjuntos ahora puede ser observado y validado dentro de formularios, mejorando la experiencia al gestionar documentos adjuntos. [#742](https://github.com/widergy/Energy-UI/pull/742) [UGOVAES-1112](https://widergy.atlassian.net/browse/UGOVAES-1112)
260
274
  * Mejoras internas de la plataforma. [`638f77d`](https://github.com/widergy/Energy-UI/commit/638f77d)
261
275
 
262
276
  ## [3.129.1](https://github.com/widergy/energy-ui/compare/v3.129.0...v3.129.1) (2026-01-14)
263
277
 
264
278
  ### Correcciones
265
279
 
266
- * Mejoras internas de la plataforma [#746](https://github.com/widergy/Energy-UI/pull/746)
280
+ * Mejoras internas de la plataforma [#746](https://github.com/widergy/Energy-UI/pull/746) [PDI-563](https://widergy.atlassian.net/browse/PDI-563)
267
281
 
268
282
  # [3.129.0](https://github.com/widergy/energy-ui/compare/v3.128.2...v3.129.0) (2026-01-13)
269
283
 
270
284
  ### Novedades y Mejoras
271
285
 
272
- * Mejoras internas de la plataforma [#744](https://github.com/widergy/Energy-UI/pull/744)
286
+ * Mejoras internas de la plataforma [#744](https://github.com/widergy/Energy-UI/pull/744) [OUG-999](https://widergy.atlassian.net/browse/OUG-999)
273
287
 
274
288
  ### Correcciones
275
289
 
276
- * Se corrigió la visualización de tooltips en gráficos de líneas: ahora se muestran correctamente en los puntos del gráfico cuando están configurados para ello. [#741](https://github.com/widergy/Energy-UI/pull/741) [#745](https://github.com/widergy/Energy-UI/pull/745)
290
+ * Se corrigió la visualización de tooltips en gráficos de líneas: ahora se muestran correctamente en los puntos del gráfico cuando están configurados para ello. [#741](https://github.com/widergy/Energy-UI/pull/741) [#745](https://github.com/widergy/Energy-UI/pull/745) [EVEP-310](https://widergy.atlassian.net/browse/EVEP-310)
277
291
 
278
292
  ## [3.128.2](https://github.com/widergy/energy-ui/compare/v3.128.1...v3.128.2) (2026-01-09)
279
293
 
280
294
  ### Correcciones
281
295
 
282
- * Mejoras internas de la plataforma. [#734](https://github.com/widergy/Energy-UI/pull/734)
296
+ * Mejoras internas de la plataforma. [#734](https://github.com/widergy/Energy-UI/pull/734) [AXCH-799](https://widergy.atlassian.net/browse/AXCH-799)
283
297
 
284
298
  ## [3.128.1](https://github.com/widergy/energy-ui/compare/v3.128.0...v3.128.1) (2026-01-07)
285
299
 
286
300
  ### Correcciones
287
301
 
288
- * Se corrigió la alineación de los checkboxes cuando el texto asociado ocupa más de una línea. [#740](https://github.com/widergy/Energy-UI/pull/740)
302
+ * Se corrigió la alineación de los checkboxes cuando el texto asociado ocupa más de una línea. [#740](https://github.com/widergy/Energy-UI/pull/740) [OUG-999](https://widergy.atlassian.net/browse/OUG-999)
289
303
 
290
304
  # [3.128.0](https://github.com/widergy/energy-ui/compare/v3.127.0...v3.128.0) (2026-01-07)
291
305
 
292
306
  ### Novedades y Mejoras
293
307
 
294
- * Los íconos ahora admiten colores de fondo personalizados, y las tarjetas seleccionables incorporan soporte para mostrar avatares, ofreciendo mayor flexibilidad visual en la interfaz. [#729](https://github.com/widergy/Energy-UI/pull/729)
308
+ * Los íconos ahora admiten colores de fondo personalizados, y las tarjetas seleccionables incorporan soporte para mostrar avatares, ofreciendo mayor flexibilidad visual en la interfaz. [#729](https://github.com/widergy/Energy-UI/pull/729) [AXCH-842](https://widergy.atlassian.net/browse/AXCH-842)
295
309
 
296
310
  # [3.127.0](https://github.com/widergy/energy-ui/compare/v3.126.0...v3.127.0) (2026-01-06)
297
311
 
298
312
  ### Novedades y Mejoras
299
313
 
300
- * Las citas y referencias dentro de los mensajes ahora se muestran como etiquetas visuales interactivas, mejorando la legibilidad y la experiencia al consultar documentos vinculados. [#739](https://github.com/widergy/Energy-UI/pull/739)
314
+ * Las citas y referencias dentro de los mensajes ahora se muestran como etiquetas visuales interactivas, mejorando la legibilidad y la experiencia al consultar documentos vinculados. [#739](https://github.com/widergy/Energy-UI/pull/739) [PDI-564](https://widergy.atlassian.net/browse/PDI-564)
301
315
 
302
316
  # [3.126.0](https://github.com/widergy/energy-ui/compare/v3.125.1...v3.126.0) (2025-12-17)
303
317
 
package/dist/components/UTIcon/components/EnergyIcons/EnergyIconCreditCardsFilled.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" stroke="none" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M13.1717 4.39056L13.9953 5.81702C14.0011 5.82698 14.0066 5.83701 14.0119 5.84711H16.772C18.0948 5.84711 19.1671 6.91943 19.1671 8.24222V13.3546C19.1671 14.6774 18.0948 15.7497 16.772 15.7497H8.36524L8.34142 15.7496L7.09856 16.4671C5.90521 17.1561 4.33328 16.8323 3.6262 15.6076L1.15543 11.3282C0.448341 10.1035 0.953913 8.5802 2.14727 7.89124L9.69933 3.53105C10.8926 2.84209 12.4646 3.16583 13.1717 4.39056ZM11.7283 5.22388L12.0882 5.84711H9.02114L9.55456 5.53914L10.5327 4.97442C10.8494 4.79156 11.1852 4.80744 11.434 4.94235C11.5583 5.00978 11.6608 5.10694 11.7283 5.22388ZM2.9806 9.33461L6.07169 7.54997C6.00564 7.76912 5.97013 8.00152 5.97013 8.24222V13.3546C5.97013 13.9334 6.17545 14.4642 6.51721 14.8783L6.26524 15.0238C5.79023 15.298 5.2722 15.1252 5.06957 14.7743L2.5988 10.4948C2.39617 10.1439 2.5056 9.60884 2.9806 9.33461ZM8.36524 7.51377C7.96293 7.51377 7.6368 7.83991 7.6368 8.24222V8.62705H17.5004V8.24222C17.5004 7.83991 17.1743 7.51377 16.772 7.51377H8.36524ZM17.5004 10.2937H7.6368V13.3546C7.6368 13.7569 7.96293 14.083 8.36524 14.083H16.772C17.1743 14.083 17.5004 13.7569 17.5004 13.3546V10.2937Z"/>
3
+ </svg>
package/dist/components/UTIcon/constants.js CHANGED
@@ -359,6 +359,20 @@ EnergyIconPresentationFilled.defaultProps = {
359
359
  fill: "currentColor",
360
360
  className: "icon icon-tabler icons-tabler-filled icon-tabler-presentation"
361
361
  };
362
+ var EnergyIconCreditCardsFilled = function EnergyIconCreditCardsFilled(props) {
363
+ return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
364
+ fillRule: "evenodd",
365
+ clipRule: "evenodd",
366
+ d: "m13.172 4.39.823 1.427.017.03h2.76a2.395 2.395 0 0 1 2.395 2.395v5.113a2.395 2.395 0 0 1-2.395 2.395H8.341l-1.242.717c-1.194.69-2.766.365-3.473-.86l-2.47-4.279c-.708-1.224-.202-2.748.991-3.437L9.7 3.531c1.194-.689 2.766-.365 3.473.86Zm-1.444.834.36.623H9.021l.534-.308.978-.565a.916.916 0 0 1 .901-.032.75.75 0 0 1 .294.282Zm-8.747 4.11L6.07 7.55c-.065.22-.1.452-.1.692v5.113c0 .578.204 1.11.546 1.523l-.252.146c-.475.274-.993.101-1.195-.25l-2.471-4.28c-.203-.35-.093-.885.382-1.16Zm5.384-1.82a.728.728 0 0 0-.728.728v.385H17.5v-.385a.728.728 0 0 0-.728-.728H8.365Zm9.135 2.78H7.637v3.06c0 .403.326.729.728.729h8.407a.728.728 0 0 0 .728-.728v-3.061Z"
367
+ }));
368
+ };
369
+ EnergyIconCreditCardsFilled.defaultProps = {
370
+ width: "20",
371
+ height: "20",
372
+ fill: "currentColor",
373
+ viewBox: "0 0 20 20",
374
+ xmlns: "http://www.w3.org/2000/svg"
375
+ };
362
376
  const FILLED_ICON_COLOR = exports.FILLED_ICON_COLOR = 'transparent';
363
377
  const DEFAULT_INTERNAL_SHADE = exports.DEFAULT_INTERNAL_SHADE = _Palette.COLOR_SHADES.shade02;
364
378
  const DEFAULT_COLOR_THEME = exports.DEFAULT_COLOR_THEME = _Palette.COLOR_THEMES.dark;
@@ -385,5 +399,6 @@ const ENERGY_ICONS = exports.ENERGY_ICONS = {
385
399
  EnergyIconConsumptionBoxMinusFilled,
386
400
  EnergyIconFlameFilled,
387
401
  EnergyIconBoltFilled,
388
- EnergyIconPresentationFilled
402
+ EnergyIconPresentationFilled,
403
+ EnergyIconCreditCardsFilled
389
404
  };
package/dist/components/UTPanel/UTPanel.stories.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = exports.V1Workflow = exports.V1WithStatus = exports.V1WithPagination = exports.V1WithHeaderItems = exports.V1WithAdditionalContent = exports.V1WithActions = exports.V1LargeSize = exports.V1Inline = exports.V1Default = exports.V1Collapsible = exports.V0WithCustomTitle = exports.V0LeftSide = exports.V0Default = exports.Playground = void 0;
6
+ exports.default = exports.V1Workflow = exports.V1WithStatus = exports.V1WithPretitle = exports.V1WithPagination = exports.V1WithHeaderItems = exports.V1WithAdditionalContentBadge = exports.V1WithAdditionalContent = exports.V1WithActions = exports.V1LargeSize = exports.V1Inline = exports.V1Default = exports.V1Collapsible = exports.V0WithCustomTitle = exports.V0LeftSide = exports.V0Default = exports.Playground = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _utils = require("stories/utils");
9
9
  var _UTLabel = _interopRequireDefault(require("../UTLabel"));
@@ -484,6 +484,18 @@ var _default = exports.default = {
484
484
  summary: 'elementType'
485
485
  }
486
486
  }
487
+ },
488
+ pretitleComponent: {
489
+ control: false,
490
+ description: '(V1 only) Nodo React renderizado dentro del headerContainer, antes del headerArea. Ocupa el ancho completo del header. Útil para breadcrumbs o labels de contexto sobre el título.',
491
+ table: {
492
+ defaultValue: {
493
+ summary: 'undefined'
494
+ },
495
+ type: {
496
+ summary: 'ReactNode'
497
+ }
498
+ }
487
499
  }
488
500
  },
489
501
  component: _2.default,
@@ -843,6 +855,96 @@ const V1WithAdditionalContent = exports.V1WithAdditionalContent = {
843
855
  }
844
856
  }
845
857
  };
858
+ const V1WithPretitle = exports.V1WithPretitle = {
859
+ args: {
860
+ version: 'V1',
861
+ open: false,
862
+ title: '#4605',
863
+ subtitle: 'Tramite de cuenta',
864
+ panelSide: 'right',
865
+ size: 'M',
866
+ pretitleComponent: /*#__PURE__*/_react.default.createElement("div", {
867
+ style: {
868
+ display: 'inline-flex',
869
+ alignItems: 'baseline'
870
+ }
871
+ }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
872
+ variant: "body2"
873
+ }, "Pertenece a "), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
874
+ colorTheme: "primary",
875
+ variant: "body2",
876
+ style: {
877
+ cursor: 'pointer',
878
+ textDecoration: 'underline',
879
+ paddingLeft: '8px'
880
+ }
881
+ }, "#4624")),
882
+ children: /*#__PURE__*/_react.default.createElement("div", {
883
+ style: {
884
+ padding: '16px'
885
+ }
886
+ }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
887
+ variant: "body1"
888
+ }, "Caso hijo con referencia al caso padre. El n\xFAmero clickeable navega al padre."))
889
+ },
890
+ name: 'V1 - Con Pretítulo (parent case)',
891
+ parameters: {
892
+ docs: {
893
+ description: {
894
+ story: 'Usa `pretitleComponent` para mostrar un label de contexto sobre el título, como "Pertenece a #4624". Solo el número es interactivo; el texto plano no lo es.'
895
+ }
896
+ }
897
+ }
898
+ };
899
+ const V1WithAdditionalContentBadge = exports.V1WithAdditionalContentBadge = {
900
+ args: {
901
+ version: 'V1',
902
+ open: false,
903
+ title: 'Panel con Badge en Sidebar',
904
+ subtitle: 'Íconos con contador',
905
+ panelSide: 'right',
906
+ size: 'M',
907
+ additionalContent: [{
908
+ id: 'tasks',
909
+ Icon: 'IconChecklist',
910
+ count: 6,
911
+ BodyComponent: SettingsBodyComponent,
912
+ tooltipProps: {
913
+ content: 'Tareas relacionadas (6)'
914
+ }
915
+ }, {
916
+ id: 'notifications',
917
+ Icon: 'IconBell',
918
+ count: 0,
919
+ BodyComponent: NotificationsBodyComponent,
920
+ tooltipProps: {
921
+ content: 'Notificaciones'
922
+ }
923
+ }, {
924
+ id: 'help',
925
+ Icon: 'IconHelpCircle',
926
+ BodyComponent: HelpBodyComponent,
927
+ tooltipProps: {
928
+ content: 'Ayuda'
929
+ }
930
+ }],
931
+ children: /*#__PURE__*/_react.default.createElement("div", {
932
+ style: {
933
+ padding: '16px'
934
+ }
935
+ }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
936
+ variant: "body1"
937
+ }, "El primer \xEDcono muestra un badge con contador (count: 6). El segundo tiene count: 0 y no muestra badge. El tercero no tiene count."))
938
+ },
939
+ name: 'V1 - Sidebar con Badge',
940
+ parameters: {
941
+ docs: {
942
+ description: {
943
+ story: 'Usa la prop `count` en un item de `additionalContent` para mostrar un badge numérico sobre el ícono de la sidebar. Solo se renderiza cuando `count > 0`.'
944
+ }
945
+ }
946
+ }
947
+ };
846
948
  const Playground = exports.Playground = {
847
949
  args: {
848
950
  version: 'V1',
package/dist/components/UTPanel/versions/V1/components/AdditionalContentModule/index.js CHANGED
@@ -9,6 +9,7 @@ var _propTypes = require("prop-types");
9
9
  require("react-perfect-scrollbar/dist/css/styles.css");
10
10
  var _reactPerfectScrollbar = _interopRequireDefault(require("react-perfect-scrollbar"));
11
11
  var _UTButton = _interopRequireDefault(require("../../../../../UTButton"));
12
+ var _UTStatus = _interopRequireDefault(require("../../../../../UTStatus"));
12
13
  var _UTTooltip = _interopRequireDefault(require("../../../../../UTTooltip"));
13
14
  var _testIds = require("../../../../../../constants/testIds");
14
15
  var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
@@ -66,21 +67,32 @@ const AdditionalContentModule = _ref => {
66
67
  ...rest
67
68
  } = _ref2;
68
69
  return rest;
69
- })(item.tooltipProps)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
70
+ })(item.tooltipProps)), /*#__PURE__*/_react.default.createElement("div", {
71
+ className: _stylesModule.default.buttonWrapper
72
+ }, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
70
73
  colorTheme: activeId === item.id ? 'primary' : 'gray',
71
- className: "".concat(_stylesModule.default.sidebarButton),
74
+ className: _stylesModule.default.sidebarButton,
72
75
  dataTestId: "".concat(panel.additionalContent.sidebarButton).concat(item.id),
73
76
  Icon: item.Icon,
74
77
  onClick: () => onSelectItem(activeId === item.id ? null : item.id),
75
78
  size: "medium",
76
79
  variant: activeId === item.id ? 'semitransparent' : 'text'
77
- }))));
80
+ }), item.count > 0 && /*#__PURE__*/_react.default.createElement(_UTStatus.default, {
81
+ area: true,
82
+ areaType: "ROUNDED",
83
+ className: _stylesModule.default.countBadge,
84
+ size: "xsmall",
85
+ type: "negative",
86
+ variant: "accent",
87
+ withoutIcon: true
88
+ }, item.count))));
78
89
  })))));
79
90
  };
80
91
  AdditionalContentModule.propTypes = {
81
92
  additionalContent: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
82
93
  id: _propTypes.string.isRequired,
83
94
  Icon: _propTypes.string.isRequired,
95
+ count: _propTypes.number,
84
96
  BodyComponent: _propTypes.elementType.isRequired,
85
97
  tooltipProps: _propTypes.object.isRequired
86
98
  })).isRequired,
package/dist/components/UTPanel/versions/V1/components/AdditionalContentModule/styles.module.scss CHANGED
@@ -26,7 +26,7 @@ $sidebar-width: 56px;
26
26
  min-width: $body-component-width;
27
27
  opacity: 1;
28
28
  overflow: hidden;
29
- padding: 16px;
29
+ padding: 24px 24px 16px 24px;
30
30
  width: $body-component-width;
31
31
  }
32
32
 
@@ -74,6 +74,10 @@ $sidebar-width: 56px;
74
74
  padding: 0 8px;
75
75
  }
76
76
 
77
+ .buttonWrapper {
78
+ position: relative;
79
+ }
80
+
77
81
  .sidebarButton {
78
82
  align-items: center;
79
83
  border-radius: 4px;
@@ -83,3 +87,12 @@ $sidebar-width: 56px;
83
87
  transition: all 0.2s ease;
84
88
  width: 40px;
85
89
  }
90
+
91
+ .countBadge {
92
+ padding: 0 6px;
93
+ background-color: var(--actionAccent05) !important;
94
+ pointer-events: none;
95
+ position: absolute;
96
+ right: -4px;
97
+ top: -4px;
98
+ }
package/dist/components/UTPanel/versions/V1/components/HeaderSection/index.js CHANGED
@@ -28,6 +28,7 @@ const HeaderSection = _ref => {
28
28
  headerSecondaryActionButton,
29
29
  hideHeader,
30
30
  mainActionDataTestId,
31
+ pretitleComponent,
31
32
  secondaryActionDataTestId,
32
33
  showMainStatus,
33
34
  showTag,
@@ -50,7 +51,9 @@ const HeaderSection = _ref => {
50
51
  }
51
52
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
52
53
  className: "".concat(_stylesModule.default.headerContainer, " ").concat((classes === null || classes === void 0 ? void 0 : classes.headerContainer) || '')
53
- }, HeaderComponent || /*#__PURE__*/_react.default.createElement("div", {
54
+ }, pretitleComponent && /*#__PURE__*/_react.default.createElement("div", {
55
+ className: _stylesModule.default.pretitleArea
56
+ }, pretitleComponent), HeaderComponent || /*#__PURE__*/_react.default.createElement("div", {
54
57
  className: _stylesModule.default.headerArea
55
58
  }, /*#__PURE__*/_react.default.createElement("div", {
56
59
  className: _stylesModule.default.headerLeftArea
@@ -107,6 +110,7 @@ HeaderSection.propTypes = {
107
110
  headerSecondaryActionButton: (0, _propTypes.oneOfType)([_propTypes.object, (0, _propTypes.arrayOf)(_propTypes.object)]),
108
111
  hideHeader: _propTypes.bool,
109
112
  mainActionDataTestId: _propTypes.string,
113
+ pretitleComponent: (0, _propTypes.oneOfType)([_propTypes.element, _propTypes.elementType]),
110
114
  secondaryActionDataTestId: _propTypes.string,
111
115
  showMainStatus: _propTypes.bool,
112
116
  showTag: _propTypes.bool,
package/dist/components/UTPanel/versions/V1/index.js CHANGED
@@ -59,6 +59,7 @@ const UTPanel = _ref => {
59
59
  paginationProps = {},
60
60
  panelSide,
61
61
  perfectScrollbarOptions,
62
+ pretitleComponent,
62
63
  secondaryActionDataTestId = panel.secondaryAction,
63
64
  showBackButton = false,
64
65
  showMainStatus = false,
@@ -164,6 +165,7 @@ const UTPanel = _ref => {
164
165
  headerSecondaryActionButton: headerSecondaryActionButton,
165
166
  hideHeader: hideHeader,
166
167
  mainActionDataTestId: mainActionDataTestId,
168
+ pretitleComponent: pretitleComponent,
167
169
  secondaryActionDataTestId: secondaryActionDataTestId,
168
170
  showMainStatus: showMainStatus,
169
171
  showTag: showTag,
@@ -193,6 +195,7 @@ UTPanel.propTypes = {
193
195
  additionalContent: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
194
196
  id: _propTypes.string.isRequired,
195
197
  Icon: _propTypes.string.isRequired,
198
+ count: _propTypes.number,
196
199
  BodyComponent: _propTypes.elementType.isRequired,
197
200
  tooltipProps: _propTypes.object.isRequired
198
201
  })),
@@ -239,6 +242,7 @@ UTPanel.propTypes = {
239
242
  open: _propTypes.bool,
240
243
  panelSide: _propTypes.string,
241
244
  perfectScrollbarOptions: _propTypes.object,
245
+ pretitleComponent: (0, _propTypes.oneOfType)([_propTypes.element, _propTypes.elementType]),
242
246
  secondaryActionDataTestId: _propTypes.string,
243
247
  singleHeaderItemsColumn: _propTypes.bool,
244
248
  size: (0, _propTypes.oneOf)(Object.keys(_constants.SIZES)),
package/dist/components/UTPanel/versions/V1/styles.module.scss CHANGED
@@ -78,6 +78,11 @@ $additional-content-total: $body-component-width + $sidebar-width;
78
78
  padding: 8px 24px 16px;
79
79
  }
80
80
 
81
+ .pretitleArea {
82
+ margin-bottom: 4px;
83
+ width: 100%;
84
+ }
85
+
81
86
  .headerArea {
82
87
  align-items: center;
83
88
  display: flex;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@widergy/energy-ui",
3
- "version": "3.151.0",
3
+ "version": "3.153.0",
4
4
  "description": "Widergy Web Components",
5
5
  "author": "widergy",
6
6
  "license": "MIT",