@widergy/mobile-ui 2.14.0 → 2.16.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 +67 -81
  2. package/lib/components/UTButton/constants.js +3 -0
  3. package/lib/components/UTButton/theme.js +5 -4
  4. package/lib/components/UTButtonGroup/README.md +2 -1
  5. package/lib/components/UTButtonGroup/constants.js +2 -0
  6. package/lib/components/UTButtonGroup/index.js +30 -22
  7. package/lib/components/UTButtonGroup/styles.js +3 -13
  8. package/lib/components/UTIcon/components/EnergyIcons/EnergyIconCreditCardsFilled.svg +3 -0
  9. package/lib/components/UTIcon/constants.js +2 -0
  10. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,184 +1,170 @@
1
- # [2.14.0](https://github.com/widergy/mobile-ui/compare/v2.13.1...v2.14.0) (2026-04-27)
1
+ # [2.16.0](https://github.com/widergy/mobile-ui/compare/v2.15.0...v2.16.0) (2026-05-15)
2
2
 
3
3
 
4
- ### Bug Fixes
4
+ ### Features
5
+
6
+ * new credit cards icon ([#504](https://github.com/widergy/mobile-ui/issues/504)) ([d1eca85](https://github.com/widergy/mobile-ui/commit/d1eca85ba6c87e3ab044942e2b1d686352648fad))
5
7
 
6
- * fix ([d120571](https://github.com/widergy/mobile-ui/commit/d120571f6eba58fb7a19e5e832fb7a10bfbe0c17))
8
+ # [2.15.0](https://github.com/widergy/mobile-ui/compare/v2.14.0...v2.15.0) (2026-05-11)
7
9
 
8
10
 
9
11
  ### Features
10
12
 
11
- * [CX-2203] extend UTActionCard bottomActions API ([2399427](https://github.com/widergy/mobile-ui/commit/23994271736ab648e2f4f8e926f3d31f8e68dfb0))
13
+ * [CX-2189] button group and button styles update ([#503](https://github.com/widergy/mobile-ui/issues/503)) ([e2ad63b](https://github.com/widergy/mobile-ui/commit/e2ad63b22682be18b6d5d9094bae2a003b4e1753)) [CX-2189](https://widergy.atlassian.net/browse/CX-2189)
12
14
 
13
- ## [2.13.1](https://github.com/widergy/mobile-ui/compare/v2.13.0...v2.13.1) (2026-04-24)
15
+ # [2.14.0](https://github.com/widergy/mobile-ui/compare/v2.13.1...v2.14.0) (2026-04-27)
14
16
 
17
+ ### Novedades y Mejoras
15
18
 
16
- ### Bug Fixes
19
+ * Se amplió la tarjeta de acciones rápidas para mostrar estados informativos (como la confirmación de adhesión a factura digital), ajustar el tamaño de los botones y controlar la apariencia visual del pie de tarjeta, sin afectar los usos existentes. [#501](https://github.com/widergy/Energy-UI-Mobile/pull/501) [CX-2203](https://widergy.atlassian.net/browse/CX-2203)
17
20
 
18
- * updated docs ([#502](https://github.com/widergy/mobile-ui/issues/502)) ([936a98b](https://github.com/widergy/mobile-ui/commit/936a98bdc71e8e9e2a7283701cbe3581008846de))
21
+ ## [2.13.1](https://github.com/widergy/mobile-ui/compare/v2.13.0...v2.13.1) (2026-04-24)
22
+
23
+ ### Novedades y Mejoras
24
+
25
+ * Mejoras internas de la plataforma. [#502](https://github.com/widergy/Energy-UI-Mobile/pull/502) [DEV-999](https://widergy.atlassian.net/browse/DEV-999)
19
26
 
20
27
  # [2.13.0](https://github.com/widergy/mobile-ui/compare/v2.12.2...v2.13.0) (2026-04-22)
21
28
 
29
+ ### Novedades y Mejoras
22
30
 
23
- ### Features
31
+ * El componente de estado (UTStatus) ahora soporta un tamaño extra pequeño, ideal para contextos donde el espacio es reducido. [#499](https://github.com/widergy/Energy-UI-Mobile/pull/499) [CX-2188](https://widergy.atlassian.net/browse/CX-2188)
32
+ * Mejoras internas de la plataforma. [#499](https://github.com/widergy/Energy-UI-Mobile/pull/499) [CX-2188](https://widergy.atlassian.net/browse/CX-2188)
24
33
 
25
- * [CX-2188] new size utstatus ([#499](https://github.com/widergy/mobile-ui/issues/499)) ([de280e4](https://github.com/widergy/mobile-ui/commit/de280e4b20731ce0b53a65ab20ba684004cd4c62))
34
+ ### Correcciones
26
35
 
27
- ## [2.12.2](https://github.com/widergy/mobile-ui/compare/v2.12.1...v2.12.2) (2026-04-17)
36
+ * Se corrigieron errores menores en los componentes de carga de archivos que impedían el funcionamiento correcto del flujo de subida. [#499](https://github.com/widergy/Energy-UI-Mobile/pull/499) [CX-2188](https://widergy.atlassian.net/browse/CX-2188)
28
37
 
38
+ ## [2.12.2](https://github.com/widergy/mobile-ui/compare/v2.12.1...v2.12.2) (2026-04-17)
29
39
 
30
- ### Bug Fixes
40
+ ### Correcciones
31
41
 
32
- * [UGGC-101] utcoupon title size ([#498](https://github.com/widergy/mobile-ui/issues/498)) ([7544789](https://github.com/widergy/mobile-ui/commit/7544789f1f25bdf10bfd77d80816a32b586cfe10))
42
+ * Se ajustó el tamaño de los textos en la pantalla de cupones para mejorar la visualización. [#498](https://github.com/widergy/Energy-UI-Mobile/pull/498) [UGGC-101](https://widergy.atlassian.net/browse/UGGC-101) [UGGC-999](https://widergy.atlassian.net/browse/UGGC-999)
43
+ * Mejoras internas de la plataforma. [`9d7f58e`](https://github.com/widergy/Energy-UI-Mobile/commit/9d7f58e)
33
44
 
34
45
  ## [2.12.1](https://github.com/widergy/mobile-ui/compare/v2.12.0...v2.12.1) (2026-04-14)
35
46
 
47
+ ### Correcciones
36
48
 
37
- ### Bug Fixes
38
-
39
- * [DEV-766] remove --cache flag from eslint lint scripts ([#497](https://github.com/widergy/mobile-ui/issues/497)) ([fe01153](https://github.com/widergy/mobile-ui/commit/fe011534839012d5b9c67666ad3be7d3f05edb4c))
49
+ * Mejoras internas de la plataforma [#497](https://github.com/widergy/Energy-UI-Mobile/pull/497) [DEV-766](https://widergy.atlassian.net/browse/DEV-766)
40
50
 
41
51
  # [2.12.0](https://github.com/widergy/mobile-ui/compare/v2.11.0...v2.12.0) (2026-04-13)
42
52
 
53
+ ### Novedades y Mejoras
43
54
 
44
- ### Features
45
-
46
- * [AUTO-208] Test id's implementation to form fields ([#492](https://github.com/widergy/mobile-ui/issues/492)) ([7ac3c8b](https://github.com/widergy/mobile-ui/commit/7ac3c8b58a46f554e9bafbd88b4fb24ac6695d50))
55
+ * Se mejoró el soporte de automatización en formularios: los campos de carga de archivos, selección, interruptores y botones de opción ahora son identificables de forma consistente en pruebas automatizadas, lo que facilita la validación del flujo de usuario. [#492](https://github.com/widergy/Energy-UI-Mobile/pull/492) [AUTO-208](https://widergy.atlassian.net/browse/AUTO-208)
47
56
 
48
57
  # [2.11.0](https://github.com/widergy/mobile-ui/compare/v2.10.0...v2.11.0) (2026-04-13)
49
58
 
59
+ ### Novedades y Mejoras
50
60
 
51
- ### Features
52
-
53
- * [UGGC-95] UTCoupon ([#493](https://github.com/widergy/mobile-ui/issues/493)) ([11a3367](https://github.com/widergy/mobile-ui/commit/11a336717acfe31e146288981360481b5ad73268))
61
+ * Se incorporó un nuevo componente de cupón seleccionable en el flujo de pedidos, con soporte para imagen, textos y estados visual activo y deshabilitado. [#493](https://github.com/widergy/Energy-UI-Mobile/pull/493) [UGGC-95](https://widergy.atlassian.net/browse/UGGC-95)
54
62
 
55
63
  # [2.10.0](https://github.com/widergy/mobile-ui/compare/v2.9.7...v2.10.0) (2026-04-13)
56
64
 
65
+ ### Novedades y Mejoras
57
66
 
58
- ### Features
59
-
60
- * [PROMI-221] UTPhoneInput soporta valor string u objeto con prefix editable ([#496](https://github.com/widergy/mobile-ui/issues/496)) ([07a8a8b](https://github.com/widergy/mobile-ui/commit/07a8a8bf4101efcd89176119de7a8aa62252f79e))
67
+ * El campo de ingreso de número de teléfono ahora admite la selección de prefijo telefónico como parte del valor, mejorando la consistencia del dato ingresado en formularios. [#496](https://github.com/widergy/Energy-UI-Mobile/pull/496) [PROMI-221](https://widergy.atlassian.net/browse/PROMI-221)
61
68
 
62
69
  ## [2.9.7](https://github.com/widergy/mobile-ui/compare/v2.9.6...v2.9.7) (2026-04-10)
63
70
 
71
+ ### Correcciones
64
72
 
65
- ### Bug Fixes
66
-
67
- * [UGGC-99] replace deprecated defaultProps with default parameter in UTModal ([#495](https://github.com/widergy/mobile-ui/issues/495)) ([b2c095f](https://github.com/widergy/mobile-ui/commit/b2c095f57a962e14029ddac9eb80cff07bd6b011))
73
+ * Se corrigió un error que causaba el cierre inesperado de la aplicación al tocar fuera de ciertos modales o presionar el botón Atrás en Android, cuando el modal no tenía habilitada esa acción de cierre. [#495](https://github.com/widergy/Energy-UI-Mobile/pull/495) [UGGC-99](https://widergy.atlassian.net/browse/UGGC-99)
68
74
 
69
75
  ## [2.9.6](https://github.com/widergy/mobile-ui/compare/v2.9.5...v2.9.6) (2026-04-09)
70
76
 
77
+ ### Novedades y Mejoras
71
78
 
72
- ### Bug Fixes
73
-
74
- * [UGGC-99] utbottomsheet onpress ([#494](https://github.com/widergy/mobile-ui/issues/494)) ([f5a3685](https://github.com/widergy/mobile-ui/commit/f5a368504eac11a0520a666acbcb4929893bb5fa))
79
+ * Se amplió la flexibilidad del componente de panel inferior, permitiendo personalizar la acción del botón según cada caso de uso, sin afectar el comportamiento existente. [#494](https://github.com/widergy/Energy-UI-Mobile/pull/494) [UGGC-99](https://widergy.atlassian.net/browse/UGGC-99)
75
80
 
76
81
  ## [2.9.5](https://github.com/widergy/mobile-ui/compare/v2.9.4...v2.9.5) (2026-04-08)
77
82
 
83
+ ### Novedades y Mejoras
78
84
 
79
- ### Bug Fixes
80
-
81
- * [UGGC-91] utworkflow action options ([#490](https://github.com/widergy/mobile-ui/issues/490)) ([2c83c80](https://github.com/widergy/mobile-ui/commit/2c83c8092a5edcd1114a4867e6017842c8a6806a))
85
+ * Se mejoró la personalización de los botones de navegación en los flujos de gestión, permitiendo configurar la posición de los íconos según las necesidades de cada pantalla. [#490](https://github.com/widergy/Energy-UI-Mobile/pull/490) [UGGC-91](https://widergy.atlassian.net/browse/UGGC-91)
82
86
 
83
87
  ## [2.9.4](https://github.com/widergy/mobile-ui/compare/v2.9.3...v2.9.4) (2026-04-06)
84
88
 
89
+ ### Correcciones
85
90
 
86
- ### Bug Fixes
87
-
88
- * [UGGC-?] utbanner sizes test fix ([#491](https://github.com/widergy/mobile-ui/issues/491)) ([0021809](https://github.com/widergy/mobile-ui/commit/0021809cd1e4188351344d729ac5af9ebc536efd))
91
+ * Se corrigieron los tamaños del título del banner en la versión móvil para que se visualicen correctamente en pantallas medianas y pequeñas. [#491](https://github.com/widergy/Energy-UI-Mobile/pull/491) [UGGC-9999](https://widergy.atlassian.net/browse/UGGC-9999)
89
92
 
90
93
  ## [2.9.3](https://github.com/widergy/mobile-ui/compare/v2.9.2...v2.9.3) (2026-03-30)
91
94
 
95
+ ### Correcciones
92
96
 
93
- ### Bug Fixes
94
-
95
- * [UGGC-84] standarize utbanner colortheme variant and button ([#489](https://github.com/widergy/mobile-ui/issues/489)) ([912ca0f](https://github.com/widergy/mobile-ui/commit/912ca0f73d0b90376f09ee0d00e3d1d67cc8ef6b))
97
+ * Se corrigieron inconsistencias visuales en los banners de la aplicación, mejorando su apariencia en distintas variantes de color, estilo y acciones disponibles. [#489](https://github.com/widergy/Energy-UI-Mobile/pull/489) [UGGC-84](https://widergy.atlassian.net/browse/UGGC-84)
96
98
 
97
99
  ## [2.9.2](https://github.com/widergy/mobile-ui/compare/v2.9.1...v2.9.2) (2026-03-26)
98
100
 
101
+ ### Novedades y Mejoras
99
102
 
100
- ### Bug Fixes
101
-
102
- * generated best practices file ([#443](https://github.com/widergy/mobile-ui/issues/443)) ([d15bf30](https://github.com/widergy/mobile-ui/commit/d15bf30e1d414f5d288629833dea2ee3ee115580))
103
+ * Mejoras internas de la plataforma [#443](https://github.com/widergy/Energy-UI-Mobile/pull/443)
103
104
 
104
105
  ## [2.9.1](https://github.com/widergy/mobile-ui/compare/v2.9.0...v2.9.1) (2026-03-16)
105
106
 
107
+ ### Novedades y Mejoras
106
108
 
107
- ### Bug Fixes
108
-
109
- * [UGGC-78] standardize utbanner and stacked actions utworkflowcontainer ([#488](https://github.com/widergy/mobile-ui/issues/488)) ([ed0772c](https://github.com/widergy/mobile-ui/commit/ed0772c64aaf8818bc3650a284f8f253cd6e33bf))
109
+ * Las acciones de navegación en los flujos de trabajo ahora pueden apilarse verticalmente, mejorando la experiencia en pantallas con espacio reducido. [#488](https://github.com/widergy/Energy-UI-Mobile/pull/488) [UGGC-78](https://widergy.atlassian.net/browse/UGGC-78)
110
+ * Se actualizó la apariencia del componente de banners para alinearse con los estándares de diseño vigentes. [#488](https://github.com/widergy/Energy-UI-Mobile/pull/488) [UGGC-78](https://widergy.atlassian.net/browse/UGGC-78)
110
111
 
111
112
  # [2.9.0](https://github.com/widergy/mobile-ui/compare/v2.8.1...v2.9.0) (2026-03-11)
112
113
 
114
+ ### Novedades y Mejoras
113
115
 
114
- ### Features
115
-
116
- * add test id ([#487](https://github.com/widergy/mobile-ui/issues/487)) ([c9ea05b](https://github.com/widergy/mobile-ui/commit/c9ea05b22d834c666ad3746f0075657f223c8b78))
116
+ * Se mejoró la accesibilidad del componente de casilla de verificación para facilitar la automatización de flujos como la adhesión a factura digital. [#487](https://github.com/widergy/Energy-UI-Mobile/pull/487) [AUTO-152](https://widergy.atlassian.net/browse/AUTO-152)
117
117
 
118
118
  ## [2.8.1](https://github.com/widergy/mobile-ui/compare/v2.8.0...v2.8.1) (2026-02-19)
119
119
 
120
+ ### Correcciones
120
121
 
121
- ### Bug Fixes
122
-
123
- * [NTGE-205] fix tooltip undefined ([#486](https://github.com/widergy/mobile-ui/issues/486)) ([2bb3c0f](https://github.com/widergy/mobile-ui/commit/2bb3c0f612efac13ca5224f839faf9288119fe6f))
122
+ * Se corrigió un error que impedía iniciar sesión correctamente con correo electrónico. [#486](https://github.com/widergy/Energy-UI-Mobile/pull/486) [NTGE-205](https://widergy.atlassian.net/browse/NTGE-205)
124
123
 
125
124
  # [2.8.0](https://github.com/widergy/mobile-ui/compare/v2.7.0...v2.8.0) (2026-02-18)
126
125
 
126
+ ### Novedades y Mejoras
127
127
 
128
- ### Features
129
-
130
- * [EGIT-29] markdown in labels ([#485](https://github.com/widergy/mobile-ui/issues/485)) ([faf5416](https://github.com/widergy/mobile-ui/commit/faf54162b7855bc1aecac71a47d4ace6ebbeb866))
128
+ * Las etiquetas dentro de la aplicación ahora admiten formato enriquecido, permitiendo textos con negritas, listas y otros estilos visuales. [#485](https://github.com/widergy/Energy-UI-Mobile/pull/485) [EGIT-29](https://widergy.atlassian.net/browse/EGIT-29)
131
129
 
132
130
  # [2.7.0](https://github.com/widergy/mobile-ui/compare/v2.6.0...v2.7.0) (2026-02-18)
133
131
 
132
+ ### Novedades y Mejoras
134
133
 
135
- ### Features
136
-
137
- * [DEV-766] mvp widergy/eslint-config package ([#465](https://github.com/widergy/mobile-ui/issues/465)) ([4c0f9e4](https://github.com/widergy/mobile-ui/commit/4c0f9e4abc7de0adc664db512767a85be53c52a3))
138
- * [EGIT-29] markdown in labels ([#478](https://github.com/widergy/mobile-ui/issues/478)) ([1805092](https://github.com/widergy/mobile-ui/commit/18050920a71e4295cdc5d66dbec5b52ace80d865))
139
- * [EGIT-29] markdown in labels ([#479](https://github.com/widergy/mobile-ui/issues/479)) ([25c13da](https://github.com/widergy/mobile-ui/commit/25c13da980b3aa64c128128581e645d74175b5dc))
140
- * [EGIT-29] markdown in labels ([#480](https://github.com/widergy/mobile-ui/issues/480)) ([0e7a20a](https://github.com/widergy/mobile-ui/commit/0e7a20a06d62a84046d3c0deb3de7738983b44bb))
141
- * [EGIT-29] markdown in labels ([#481](https://github.com/widergy/mobile-ui/issues/481)) ([21d0b8e](https://github.com/widergy/mobile-ui/commit/21d0b8e70184b9822ea9247aab66e52a853ba332))
142
- * [EGIT-29] markdown in labels ([#482](https://github.com/widergy/mobile-ui/issues/482)) ([0326e2c](https://github.com/widergy/mobile-ui/commit/0326e2ccf673466d8a54142fc24053aa34f3716f))
143
- * [EGIT-29] markdown in labels ([#483](https://github.com/widergy/mobile-ui/issues/483)) ([d197382](https://github.com/widergy/mobile-ui/commit/d19738218c8f98e49befca0846653d861c75c5e7))
144
- * [EGIT-29] markdown in labels ([#484](https://github.com/widergy/mobile-ui/issues/484)) ([1f37636](https://github.com/widergy/mobile-ui/commit/1f37636c1da7b16fcfc43085e1cc23662f777420))
145
- * [NTGE-184] add image in tooltips ([#476](https://github.com/widergy/mobile-ui/issues/476)) ([59485b2](https://github.com/widergy/mobile-ui/commit/59485b2ad54b25b1036170a9b5eee2b88a77fc40))
134
+ * Los tooltips de la app móvil ahora muestran imágenes correctamente, en lugar de texto plano, alineando el comportamiento con la versión web. [#476](https://github.com/widergy/Energy-UI-Mobile/pull/476) [NTGE-184](https://widergy.atlassian.net/browse/NTGE-184)
135
+ * Se mejoró la presentación visual de etiquetas de texto en ciertos flujos, que ahora se muestran con el formato correcto. [#478](https://github.com/widergy/Energy-UI-Mobile/pull/478) [EGIT-29](https://widergy.atlassian.net/browse/EGIT-29)
136
+ * Mejoras internas de la plataforma. [#465](https://github.com/widergy/Energy-UI-Mobile/pull/465) [#479](https://github.com/widergy/Energy-UI-Mobile/pull/479) [#480](https://github.com/widergy/Energy-UI-Mobile/pull/480) [#481](https://github.com/widergy/Energy-UI-Mobile/pull/481) [#482](https://github.com/widergy/Energy-UI-Mobile/pull/482) [#483](https://github.com/widergy/Energy-UI-Mobile/pull/483) [#484](https://github.com/widergy/Energy-UI-Mobile/pull/484) [DEV-766](https://widergy.atlassian.net/browse/DEV-766) [EGIT-29](https://widergy.atlassian.net/browse/EGIT-29)
146
137
 
147
138
  # [2.6.0](https://github.com/widergy/mobile-ui/compare/v2.5.2...v2.6.0) (2026-02-09)
148
139
 
140
+ ### Novedades y Mejoras
149
141
 
150
- ### Features
151
-
152
- * [EGIT-7] account association label ([#477](https://github.com/widergy/mobile-ui/issues/477)) ([b2a60c7](https://github.com/widergy/mobile-ui/commit/b2a60c70d91af103af0c6621cafe8a37a1c62457))
142
+ * Se mejoró la consistencia visual en el formulario de asociación de cuentas: las etiquetas de los campos ahora tienen el mismo estilo que el resto de la tabla. [#477](https://github.com/widergy/Energy-UI-Mobile/pull/477) [EGIT-7](https://widergy.atlassian.net/browse/EGIT-7)
153
143
 
154
144
  ## [2.5.2](https://github.com/widergy/mobile-ui/compare/v2.5.1...v2.5.2) (2026-01-28)
155
145
 
146
+ ### Correcciones
156
147
 
157
- ### Bug Fixes
158
-
159
- * disabled checked color prop unused ([#458](https://github.com/widergy/mobile-ui/issues/458)) ([e99093f](https://github.com/widergy/mobile-ui/commit/e99093f66c44542b1ddebae811c55216bac145b9))
160
- * update node image ([#475](https://github.com/widergy/mobile-ui/issues/475)) ([6e078b2](https://github.com/widergy/mobile-ui/commit/6e078b2418e26585abc38747d479ff00b261bf23))
148
+ * Se corrigió el color de los ítems seleccionados y deshabilitados en las listas de selección múltiple. [#458](https://github.com/widergy/Energy-UI-Mobile/pull/458) [OUG-8010](https://widergy.atlassian.net/browse/OUG-8010)
149
+ * Mejoras internas de la plataforma. [#475](https://github.com/widergy/Energy-UI-Mobile/pull/475) [DEV-999](https://widergy.atlassian.net/browse/DEV-999)
161
150
 
162
151
  ## [2.5.1](https://github.com/widergy/mobile-ui/compare/v2.5.0...v2.5.1) (2026-01-27)
163
152
 
153
+ ### Correcciones
164
154
 
165
- ### Bug Fixes
166
-
167
- * change selected index ([#474](https://github.com/widergy/mobile-ui/issues/474)) ([351d864](https://github.com/widergy/mobile-ui/commit/351d864768a2adac1616a5ed826fdf98d6f83fe7))
155
+ * Se corrigió el comportamiento de un acceso directo que fallaba al usarse más de una vez y no actualizaba correctamente la sección activa de la aplicación. [#474](https://github.com/widergy/Energy-UI-Mobile/pull/474) [EVEP-362](https://widergy.atlassian.net/browse/EVEP-362)
168
156
 
169
157
  # [2.5.0](https://github.com/widergy/mobile-ui/compare/v2.4.0...v2.5.0) (2026-01-22)
170
158
 
159
+ ### Novedades y Mejoras
171
160
 
172
- ### Features
173
-
174
- * index prop ([#473](https://github.com/widergy/mobile-ui/issues/473)) ([f229d77](https://github.com/widergy/mobile-ui/commit/f229d771a38e9b9cb9573bc27d7d78e7e257e7d1))
161
+ * Mejoras internas de la plataforma [#473](https://github.com/widergy/Energy-UI-Mobile/pull/473) [EVEP-362](https://widergy.atlassian.net/browse/EVEP-362)
175
162
 
176
163
  # [2.4.0](https://github.com/widergy/mobile-ui/compare/v2.3.5...v2.4.0) (2026-01-19)
177
164
 
165
+ ### Novedades y Mejoras
178
166
 
179
- ### Features
180
-
181
- * [AUTO-166] Test id support for UTActionCard ([#472](https://github.com/widergy/mobile-ui/issues/472)) ([d72795e](https://github.com/widergy/mobile-ui/commit/d72795e52300e174f9ae7e4165b496ab380a74c0))
167
+ * Mejoras internas de la plataforma [#472](https://github.com/widergy/Energy-UI-Mobile/pull/472) [AUTO-166](https://widergy.atlassian.net/browse/AUTO-166) [AUTO-104](https://widergy.atlassian.net/browse/AUTO-104)
182
168
 
183
169
  ## [2.3.5](https://github.com/widergy/mobile-ui/compare/v2.3.4...v2.3.5) (2025-12-18)
184
170
 
package/lib/components/UTButton/constants.js CHANGED
@@ -22,6 +22,7 @@ export const ICON_PLACEMENTS = {
22
22
 
23
23
  export const COLORS_MAPPER = {
24
24
  error: 'error',
25
+ gray: 'gray',
25
26
  negative: 'negative',
26
27
  primary: 'accent',
27
28
  secondary: 'neutral',
@@ -30,6 +31,7 @@ export const COLORS_MAPPER = {
30
31
 
31
32
  export const SHADOW_MAPPER = {
32
33
  [COLORS_MAPPER.error]: 'error',
34
+ [COLORS_MAPPER.gray]: 'gray',
33
35
  [COLORS_MAPPER.negative]: 'neutral',
34
36
  [COLORS_MAPPER.primary]: 'accent',
35
37
  [COLORS_MAPPER.secondary]: 'dark',
@@ -38,6 +40,7 @@ export const SHADOW_MAPPER = {
38
40
 
39
41
  export const PRESSED_SHADOW_MAPPER = {
40
42
  [COLORS_MAPPER.error]: 'error',
43
+ [COLORS_MAPPER.gray]: 'gray',
41
44
  [COLORS_MAPPER.negative]: 'dark',
42
45
  [COLORS_MAPPER.primary]: 'accent',
43
46
  [COLORS_MAPPER.secondary]: 'dark',
package/lib/components/UTButton/theme.js CHANGED
@@ -44,6 +44,7 @@ const baseButtonTheme = () => ({
44
44
  const variantsColorTheme = (theme, colorTheme, variant) => {
45
45
  const colorName = COLORS_MAPPER[colorTheme] || COLORS_MAPPER[defaultProps.colorTheme];
46
46
  const actionTheme = theme.Palette[colorName];
47
+ const lightTheme = theme.Palette[COLOR_THEMES.light];
47
48
  const negativeTheme = theme.Palette[COLORS_MAPPER.negative];
48
49
  const neutralTheme = theme.Palette[COLORS_MAPPER.secondary];
49
50
  const shadow = getShadow({
@@ -60,13 +61,13 @@ const variantsColorTheme = (theme, colorTheme, variant) => {
60
61
  const definition = {
61
62
  filled: {
62
63
  button: {
63
- backgroundColor: actionTheme['04'],
64
+ backgroundColor: colorTheme === COLORS_MAPPER.negative ? lightTheme['01'] : actionTheme['04'],
64
65
  borderColor: 'transparent',
65
66
  borderWidth: 1,
66
67
  fill: colorTheme === COLORS_MAPPER.negative ? neutralTheme['05'] : negativeTheme['05'],
67
68
  pressed: {
68
69
  ...pressedShadow,
69
- backgroundColor: actionTheme['05']
70
+ backgroundColor: colorTheme === COLORS_MAPPER.negative ? lightTheme['02'] : actionTheme['05']
70
71
  }
71
72
  },
72
73
  text: {
@@ -96,7 +97,7 @@ const variantsColorTheme = (theme, colorTheme, variant) => {
96
97
  outlined: {
97
98
  button: {
98
99
  borderWidth: 1,
99
- borderColor: actionTheme['05'],
100
+ borderColor: lightTheme['04'],
100
101
  fill: actionTheme['05'],
101
102
  pressed: {
102
103
  backgroundColor: actionTheme['02']
@@ -122,7 +123,7 @@ const variantsColorTheme = (theme, colorTheme, variant) => {
122
123
  colorTheme: colorName
123
124
  },
124
125
  icon: {
125
- color: actionTheme['05']
126
+ color: colorName === COLOR_THEMES.gray ? actionTheme['04'] : actionTheme['05']
126
127
  }
127
128
  },
128
129
  shadow: {
package/lib/components/UTButtonGroup/README.md CHANGED
@@ -7,5 +7,6 @@
7
7
  | ------------ | :---------------- | ----------- | ---------------------------------------------------------------------------------------- |
8
8
  | actions | array | | Array of actions to render. Each action must include:`Icon`, `id` and `onPress` props. |
9
9
  | colorTheme | string | 'primary' | The color theme to use. One of:`primary`, `secondary`, `negative`. |
10
- | shape | string | 'square' | Type of the button. One of:`square`, `circle`. |
10
+ | shape | string | 'square' | Type of the button. One of:`square`, `circle`. |
11
+ | size | string | 'small' | Size of the button. One of:`small`, `medium`, `large`. |
11
12
  | selected | string / number | | Id of the active button. |
package/lib/components/UTButtonGroup/constants.js CHANGED
@@ -16,3 +16,5 @@ export const CIRCLE_TYPE = 'circle';
16
16
  export const SQUARE_TYPE = 'square';
17
17
  export const DEFAULT_TYPE = SQUARE_TYPE;
18
18
  export const DEFAULT_COLOR_THEME = 'primary';
19
+ export const DEFAULT_SIZE = 'small';
20
+ export const SHADOW_ACTIVE_COLOR_THEMES = ['primary', 'neutral', 'secondary'];
package/lib/components/UTButtonGroup/index.js CHANGED
@@ -6,40 +6,46 @@ import { useTheme } from '../../theming';
6
6
  import { mergeMultipleStyles } from '../../utils/styleUtils';
7
7
  import UTButton from '../UTButton';
8
8
 
9
- import { BACKGROUND_COLOR_MAPPER, DEFAULT_COLOR_THEME, DEFAULT_TYPE } from './constants';
9
+ import {
10
+ BACKGROUND_COLOR_MAPPER,
11
+ DEFAULT_COLOR_THEME,
12
+ DEFAULT_SIZE,
13
+ DEFAULT_TYPE,
14
+ SHADOW_ACTIVE_COLOR_THEMES
15
+ } from './constants';
10
16
  import { getTypeStyles, ownStyles } from './styles';
11
17
 
12
18
  const UTButtonGroup = ({
13
19
  actions,
14
20
  colorTheme = DEFAULT_COLOR_THEME,
15
21
  selected,
16
- shape: type = DEFAULT_TYPE
22
+ shape: type = DEFAULT_TYPE,
23
+ size = DEFAULT_SIZE
17
24
  }) => {
18
25
  const theme = useTheme();
19
26
  const backgroundColor =
20
27
  BACKGROUND_COLOR_MAPPER(theme)[colorTheme] || BACKGROUND_COLOR_MAPPER(theme).primary;
21
28
  const themedStyles = mergeMultipleStyles(ownStyles, getTypeStyles(type), theme?.UTButtonGroup);
29
+ const activeVariant = SHADOW_ACTIVE_COLOR_THEMES.includes(colorTheme) ? 'shadow' : 'filled';
30
+ const inactiveColorTheme = SHADOW_ACTIVE_COLOR_THEMES.includes(colorTheme) ? 'gray' : colorTheme;
22
31
 
23
32
  return (
24
33
  <View style={[themedStyles.container, backgroundColor]}>
25
- {actions.map(({ Icon, id, onPress }, index) => (
26
- <UTButton
27
- colorTheme={colorTheme}
28
- Icon={Icon}
29
- key={id}
30
- onPress={onPress}
31
- size="large"
32
- style={{
33
- root: {
34
- ...themedStyles.buttonRoot,
35
- ...(index === 0 ? themedStyles.firstButton : {}),
36
- ...(index === actions.length - 1 ? themedStyles.lastButton : {}),
37
- ...themedStyles.button
38
- }
39
- }}
40
- variant={selected === id ? 'filled' : 'text'}
41
- />
42
- ))}
34
+ {actions.map(buttonProps => {
35
+ const { id, label, ...rest } = buttonProps;
36
+ return (
37
+ <UTButton
38
+ key={id}
39
+ style={{ root: themedStyles.button }}
40
+ {...rest}
41
+ colorTheme={selected === id ? colorTheme : inactiveColorTheme}
42
+ size={size}
43
+ variant={selected === id ? activeVariant : 'text'}
44
+ >
45
+ {label}
46
+ </UTButton>
47
+ );
48
+ })}
43
49
  </View>
44
50
  );
45
51
  };
@@ -49,12 +55,14 @@ UTButtonGroup.propTypes = {
49
55
  shape({
50
56
  Icon: oneOfType([string, element]),
51
57
  id: oneOfType([number, string]),
52
- onClick: func
58
+ label: string,
59
+ onPress: func
53
60
  })
54
61
  ).isRequired,
55
62
  colorTheme: string,
56
63
  selected: oneOfType([number, string]).isRequired,
57
- shape: string
64
+ shape: string,
65
+ size: string
58
66
  };
59
67
 
60
68
  export default UTButtonGroup;
package/lib/components/UTButtonGroup/styles.js CHANGED
@@ -3,8 +3,8 @@ import { StyleSheet } from 'react-native';
3
3
  import { CIRCLE_TYPE, SQUARE_TYPE } from './constants';
4
4
 
5
5
  const BORDER_RADIUS_DEFAULT = 8;
6
- const BORDER_RADIUS_SQUARE = BORDER_RADIUS_DEFAULT - 1;
7
6
  const BORDER_RADIUS_ROUNDED = 100;
7
+ const PADDING = 4;
8
8
 
9
9
  export const getTypeStyles = type =>
10
10
  ({
@@ -19,23 +19,13 @@ export const getTypeStyles = type =>
19
19
  [SQUARE_TYPE]: {
20
20
  container: {
21
21
  borderRadius: BORDER_RADIUS_DEFAULT
22
- },
23
- firstButton: {
24
- borderTopLeftRadius: BORDER_RADIUS_SQUARE,
25
- borderBottomLeftRadius: BORDER_RADIUS_SQUARE
26
- },
27
- lastButton: {
28
- borderTopRightRadius: BORDER_RADIUS_SQUARE,
29
- borderBottomRightRadius: BORDER_RADIUS_SQUARE
30
22
  }
31
23
  }
32
24
  })[type];
33
25
 
34
26
  export const ownStyles = StyleSheet.create({
35
27
  container: {
36
- flexDirection: 'row'
37
- },
38
- buttonRoot: {
39
- borderRadius: 0
28
+ flexDirection: 'row',
29
+ padding: PADDING
40
30
  }
41
31
  });
package/lib/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/lib/components/UTIcon/constants.js CHANGED
@@ -39,6 +39,7 @@ import EnergyIconTruck from './components/EnergyIcons/EnergyIconTruck.svg';
39
39
  import EnergyIconMeterPlus from './components/EnergyIcons/EnergyIconMeterPlus.svg';
40
40
  import EnergyIconMeterPlusFilled from './components/EnergyIcons/EnergyIconMeterPlusFilled.svg';
41
41
  import EnergyIconChatSparkFilled from './components/EnergyIcons/EnergyIconChatSparkFilled.svg';
42
+ import EnergyIconCreditCardsFilled from './components/EnergyIcons/EnergyIconCreditCardsFilled.svg';
42
43
 
43
44
  export const DEFAULT_PROPS = {
44
45
  color: COLOR_THEMES.dark
@@ -69,6 +70,7 @@ export const ENERGY_ICONS = {
69
70
  EnergyIconChatSparkFilled,
70
71
  EnergyIconCheckCircle,
71
72
  EnergyIconConsumption,
73
+ EnergyIconCreditCardsFilled,
72
74
  EnergyIconDelete,
73
75
  EnergyIconDeleteOutline,
74
76
  EnergyIconDeleteVariant,
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@widergy/mobile-ui",
3
3
  "description": "Widergy Mobile Components",
4
4
  "author": "widergy",
5
- "version": "2.14.0",
5
+ "version": "2.16.0",
6
6
  "repository": "https://github.com/widergy/mobile-ui.git",
7
7
  "main": "lib/index.js",
8
8
  "files": [