@telefonica/mistica 16.70.0 → 16.71.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 (208) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/accordion.css-mistica.js +6 -6
  3. package/dist/align.css-mistica.js +1 -1
  4. package/dist/autocomplete.css-mistica.js +1 -1
  5. package/dist/avatar.css-mistica.js +1 -1
  6. package/dist/badge.css-mistica.js +1 -1
  7. package/dist/box.css-mistica.js +13 -13
  8. package/dist/boxed.css-mistica.js +24 -24
  9. package/dist/button-group.css-mistica.js +1 -1
  10. package/dist/button-layout.css-mistica.js +14 -14
  11. package/dist/button.css-mistica.js +30 -30
  12. package/dist/callout.css-mistica.js +11 -11
  13. package/dist/card-internal.css-mistica.js +15 -15
  14. package/dist/carousel.css-mistica.js +8 -8
  15. package/dist/checkbox.css-mistica.js +11 -11
  16. package/dist/chip.css-mistica.js +15 -15
  17. package/dist/circle.css-mistica.js +1 -1
  18. package/dist/community/advanced-data-card.css-mistica.js +6 -6
  19. package/dist/community/ai-card.css-mistica.js +13 -13
  20. package/dist/community/blocks.css-mistica.js +1 -1
  21. package/dist/community/cyber/example-component.css-mistica.js +1 -1
  22. package/dist/community/example-component.css-mistica.js +2 -2
  23. package/dist/counter.css-mistica.js +1 -1
  24. package/dist/cover-hero.css-mistica.js +2 -2
  25. package/dist/credit-card-number-field.css-mistica.js +3 -3
  26. package/dist/date-field.css-mistica.js +1 -1
  27. package/dist/date-time-picker.css-mistica.js +1 -1
  28. package/dist/dialog.css-mistica.js +4 -4
  29. package/dist/divider.css-mistica.js +5 -5
  30. package/dist/double-field.css-mistica.js +2 -2
  31. package/dist/drawer.css-mistica.js +1 -1
  32. package/dist/empty-state-card.css-mistica.js +1 -1
  33. package/dist/empty-state.css-mistica.js +5 -5
  34. package/dist/fade-in.css-mistica.js +1 -1
  35. package/dist/feedback.css-mistica.js +1 -1
  36. package/dist/file-upload.css-mistica.js +7 -7
  37. package/dist/fixed-footer-layout.css-mistica.js +2 -2
  38. package/dist/form.css-mistica.js +1 -1
  39. package/dist/grid-layout.css-mistica.js +3 -3
  40. package/dist/grid.css-mistica.js +120 -120
  41. package/dist/header.css-mistica.js +1 -1
  42. package/dist/hero.css-mistica.js +2 -2
  43. package/dist/horizontal-scroll.css-mistica.js +1 -1
  44. package/dist/icon-button.css-mistica.js +53 -53
  45. package/dist/icons/icon-chevron.css-mistica.js +2 -2
  46. package/dist/icons/icon-error.css-mistica.js +1 -1
  47. package/dist/image.css-mistica.js +2 -2
  48. package/dist/index.d.ts +1 -0
  49. package/dist/index.js +4 -0
  50. package/dist/inline.css-mistica.js +9 -9
  51. package/dist/list.css-mistica.js +1 -1
  52. package/dist/loading-bar.css-mistica.js +1 -1
  53. package/dist/loading-screen.css-mistica.js +4 -4
  54. package/dist/logo.css-mistica.js +5 -5
  55. package/dist/menu.css-mistica.js +13 -13
  56. package/dist/mosaic.css-mistica.js +1 -1
  57. package/dist/navigation-bar.css-mistica.js +18 -18
  58. package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
  59. package/dist/package-version.js +1 -1
  60. package/dist/pagination.css-mistica.js +67 -0
  61. package/dist/pagination.css.d.ts +12 -0
  62. package/dist/pagination.d.ts +34 -0
  63. package/dist/pagination.js +318 -0
  64. package/dist/pin-field.css-mistica.js +1 -1
  65. package/dist/popover.css-mistica.js +1 -1
  66. package/dist/progress-bar.css-mistica.js +6 -6
  67. package/dist/radio-button.css-mistica.js +19 -19
  68. package/dist/rating.css-mistica.js +2 -2
  69. package/dist/responsive-layout.css-mistica.js +6 -6
  70. package/dist/screen-reader-only.css-mistica.js +1 -1
  71. package/dist/select.css-mistica.js +15 -15
  72. package/dist/sheet-action-row.css-mistica.js +1 -1
  73. package/dist/sheet-common.css-mistica.js +1 -1
  74. package/dist/sheet-info.css-mistica.js +1 -1
  75. package/dist/skeletons.css-mistica.js +6 -6
  76. package/dist/skins/skin-contract.css-mistica.js +684 -684
  77. package/dist/skip-link.css-mistica.js +1 -1
  78. package/dist/slider.css-mistica.js +18 -18
  79. package/dist/snackbar.css-mistica.js +4 -4
  80. package/dist/spinner.css-mistica.js +1 -1
  81. package/dist/square.css-mistica.js +1 -1
  82. package/dist/stack.css-mistica.js +5 -5
  83. package/dist/stacking-group.css-mistica.js +1 -1
  84. package/dist/stepper.css-mistica.js +2 -2
  85. package/dist/switch-component.css-mistica.js +35 -35
  86. package/dist/table.css-mistica.js +9 -9
  87. package/dist/tabs.css-mistica.js +17 -17
  88. package/dist/tag.css-mistica.js +1 -1
  89. package/dist/text-field-base.css-mistica.js +15 -15
  90. package/dist/text-field-components.css-mistica.js +3 -3
  91. package/dist/text-link.css-mistica.js +6 -6
  92. package/dist/text-tokens.d.ts +14 -0
  93. package/dist/text-tokens.js +173 -117
  94. package/dist/text.css-mistica.js +6 -6
  95. package/dist/timeline.css-mistica.js +9 -9
  96. package/dist/timer.css-mistica.js +6 -6
  97. package/dist/tooltip.css-mistica.js +1 -1
  98. package/dist/touchable.css-mistica.js +1 -1
  99. package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
  100. package/dist/video.css-mistica.js +1 -1
  101. package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  102. package/dist-es/accordion.css-mistica.js +6 -6
  103. package/dist-es/align.css-mistica.js +1 -1
  104. package/dist-es/autocomplete.css-mistica.js +1 -1
  105. package/dist-es/avatar.css-mistica.js +1 -1
  106. package/dist-es/badge.css-mistica.js +1 -1
  107. package/dist-es/box.css-mistica.js +13 -13
  108. package/dist-es/boxed.css-mistica.js +23 -23
  109. package/dist-es/button-group.css-mistica.js +1 -1
  110. package/dist-es/button-layout.css-mistica.js +14 -14
  111. package/dist-es/button.css-mistica.js +30 -30
  112. package/dist-es/callout.css-mistica.js +11 -11
  113. package/dist-es/card-internal.css-mistica.js +15 -15
  114. package/dist-es/carousel.css-mistica.js +8 -8
  115. package/dist-es/checkbox.css-mistica.js +11 -11
  116. package/dist-es/chip.css-mistica.js +15 -15
  117. package/dist-es/circle.css-mistica.js +1 -1
  118. package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
  119. package/dist-es/community/ai-card.css-mistica.js +4 -4
  120. package/dist-es/community/blocks.css-mistica.js +1 -1
  121. package/dist-es/community/cyber/example-component.css-mistica.js +1 -1
  122. package/dist-es/community/example-component.css-mistica.js +2 -2
  123. package/dist-es/counter.css-mistica.js +1 -1
  124. package/dist-es/cover-hero.css-mistica.js +2 -2
  125. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  126. package/dist-es/date-field.css-mistica.js +1 -1
  127. package/dist-es/date-time-picker.css-mistica.js +1 -1
  128. package/dist-es/dialog.css-mistica.js +4 -4
  129. package/dist-es/divider.css-mistica.js +5 -5
  130. package/dist-es/double-field.css-mistica.js +2 -2
  131. package/dist-es/drawer.css-mistica.js +1 -1
  132. package/dist-es/empty-state-card.css-mistica.js +1 -1
  133. package/dist-es/empty-state.css-mistica.js +5 -5
  134. package/dist-es/fade-in.css-mistica.js +1 -1
  135. package/dist-es/feedback.css-mistica.js +1 -1
  136. package/dist-es/file-upload.css-mistica.js +7 -7
  137. package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
  138. package/dist-es/form.css-mistica.js +1 -1
  139. package/dist-es/grid-layout.css-mistica.js +3 -3
  140. package/dist-es/grid.css-mistica.js +120 -120
  141. package/dist-es/header.css-mistica.js +1 -1
  142. package/dist-es/hero.css-mistica.js +2 -2
  143. package/dist-es/horizontal-scroll.css-mistica.js +1 -1
  144. package/dist-es/icon-button.css-mistica.js +53 -53
  145. package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
  146. package/dist-es/icons/icon-error.css-mistica.js +1 -1
  147. package/dist-es/image.css-mistica.js +2 -2
  148. package/dist-es/index.js +2290 -2289
  149. package/dist-es/inline.css-mistica.js +9 -9
  150. package/dist-es/list.css-mistica.js +1 -1
  151. package/dist-es/loading-bar.css-mistica.js +1 -1
  152. package/dist-es/loading-screen.css-mistica.js +4 -4
  153. package/dist-es/logo.css-mistica.js +5 -5
  154. package/dist-es/menu.css-mistica.js +13 -13
  155. package/dist-es/mosaic.css-mistica.js +1 -1
  156. package/dist-es/navigation-bar.css-mistica.js +18 -18
  157. package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
  158. package/dist-es/package-version.js +1 -1
  159. package/dist-es/pagination.css-mistica.js +20 -0
  160. package/dist-es/pagination.js +252 -0
  161. package/dist-es/pin-field.css-mistica.js +1 -1
  162. package/dist-es/popover.css-mistica.js +1 -1
  163. package/dist-es/progress-bar.css-mistica.js +6 -6
  164. package/dist-es/radio-button.css-mistica.js +19 -19
  165. package/dist-es/rating.css-mistica.js +2 -2
  166. package/dist-es/responsive-layout.css-mistica.js +6 -6
  167. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  168. package/dist-es/select.css-mistica.js +15 -15
  169. package/dist-es/sheet-action-row.css-mistica.js +1 -1
  170. package/dist-es/sheet-common.css-mistica.js +1 -1
  171. package/dist-es/sheet-info.css-mistica.js +1 -1
  172. package/dist-es/skeletons.css-mistica.js +6 -6
  173. package/dist-es/skins/skin-contract.css-mistica.js +684 -684
  174. package/dist-es/skip-link.css-mistica.js +1 -1
  175. package/dist-es/slider.css-mistica.js +18 -18
  176. package/dist-es/snackbar.css-mistica.js +4 -4
  177. package/dist-es/spinner.css-mistica.js +1 -1
  178. package/dist-es/square.css-mistica.js +1 -1
  179. package/dist-es/stack.css-mistica.js +5 -5
  180. package/dist-es/stacking-group.css-mistica.js +1 -1
  181. package/dist-es/stepper.css-mistica.js +2 -2
  182. package/dist-es/style.css +1 -1
  183. package/dist-es/switch-component.css-mistica.js +35 -35
  184. package/dist-es/table.css-mistica.js +9 -9
  185. package/dist-es/tabs.css-mistica.js +17 -17
  186. package/dist-es/tag.css-mistica.js +1 -1
  187. package/dist-es/text-field-base.css-mistica.js +15 -15
  188. package/dist-es/text-field-components.css-mistica.js +3 -3
  189. package/dist-es/text-link.css-mistica.js +6 -6
  190. package/dist-es/text-tokens.js +94 -59
  191. package/dist-es/text.css-mistica.js +6 -6
  192. package/dist-es/timeline.css-mistica.js +9 -9
  193. package/dist-es/timer.css-mistica.js +6 -6
  194. package/dist-es/tooltip.css-mistica.js +1 -1
  195. package/dist-es/touchable.css-mistica.js +1 -1
  196. package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
  197. package/dist-es/video.css-mistica.js +1 -1
  198. package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
  199. package/doc/components.md +27 -0
  200. package/doc/patterns.md +20 -0
  201. package/package.json +1 -1
  202. package/src/button.css.ts +1 -0
  203. package/src/index.tsx +1 -0
  204. package/src/package-version.tsx +1 -1
  205. package/src/pagination.css.ts +303 -0
  206. package/src/pagination.tsx +376 -0
  207. package/src/test-utils/index.tsx +2 -1
  208. package/src/text-tokens.tsx +56 -0
@@ -93,12 +93,12 @@ const e = {
93
93
  en: "Show CVV help",
94
94
  de: "CVV-Hilfe anzeigen",
95
95
  pt: "Exibir ajuda CVV"
96
- }, f = {
96
+ }, $ = {
97
97
  es: "Ocultar ayuda CVV",
98
98
  en: "Hide CVV help",
99
99
  de: "CVV-Hilfe ausblenden",
100
100
  pt: "Ocultar ajuda CVV"
101
- }, $ = {
101
+ }, f = {
102
102
  es: "El CVV son los 3 últimos dígitos del reverso de tu tarjeta",
103
103
  en: "The CVV is the 3 digits of the back of your card",
104
104
  de: "Der CVV-Code besteht aus den 3 Ziffern auf der Kartenrückseite",
@@ -108,67 +108,67 @@ const e = {
108
108
  en: "If it's American Express, add the 4-digit number on the front of the card",
109
109
  de: "Bei American Express 4-stelligen Code auf der Rückseite hinzufügen",
110
110
  pt: "Se for American Express, adicione os 4 dígitos do anverso"
111
- }, L = {
111
+ }, S = {
112
112
  es: "Fecha no válida",
113
113
  en: "Invalid date",
114
114
  de: "Datum ungültig",
115
115
  pt: "Data inválida"
116
- }, V = {
116
+ }, L = {
117
117
  es: "No es un número de tarjeta válido",
118
118
  en: "The card number is not valid",
119
119
  de: "Kartennummer ungültig",
120
120
  pt: "Não é um número de cartão válido"
121
- }, S = {
121
+ }, V = {
122
122
  es: "Fecha no permitida",
123
123
  en: "Invalid date",
124
124
  de: "Unzulässiges Datum",
125
125
  pt: "Data não permitida"
126
- }, E = {
126
+ }, P = {
127
127
  es: "Email incorrecto",
128
128
  en: "Invalid email",
129
129
  de: "Falsche E-Mail-Adresse",
130
130
  pt: "Email incorreto"
131
- }, M = {
131
+ }, E = {
132
132
  es: "IBAN incorrecto",
133
133
  en: "Incorrect IBAN",
134
134
  de: "Falsche IBAN",
135
135
  pt: "IBAN incorreto"
136
- }, y = {
136
+ }, M = {
137
137
  es: "1$s de 2$s caracteres",
138
138
  en: "1$s of 2$s characters",
139
139
  de: "1$s von 2$s Zeichen",
140
140
  pt: "1$s de 2$s caracteres"
141
- }, B = {
141
+ }, y = {
142
142
  es: "Cerrar",
143
143
  en: "Close",
144
144
  de: "Schließen",
145
145
  pt: "Fechar"
146
- }, P = {
146
+ }, N = {
147
147
  es: "Borrar búsqueda",
148
148
  en: "Clear search",
149
149
  de: "Suche löschen",
150
150
  pt: "Apagar pesquisa"
151
- }, N = {
151
+ }, x = {
152
152
  es: "menú",
153
153
  en: "menu",
154
154
  de: "Menü",
155
155
  pt: "menu"
156
- }, x = {
156
+ }, B = {
157
157
  es: "Abrir menú de navegación",
158
158
  en: "Open navigation menu",
159
159
  de: "Navigationsmenü öffnen",
160
160
  pt: "Abrir menu de navegação"
161
- }, D = {
161
+ }, k = {
162
162
  es: "Cerrar menú de navegación",
163
163
  en: "Close navigation menu",
164
164
  de: "Navigationsmenü schließen",
165
165
  pt: "Fechar menu de navegação"
166
- }, k = {
166
+ }, I = {
167
167
  es: "Abrir submenú",
168
168
  en: "Open submenu",
169
169
  de: "Untermenü öffnen",
170
170
  pt: "Abrir submenu"
171
- }, I = {
171
+ }, D = {
172
172
  es: "Ver todo",
173
173
  en: "See all",
174
174
  de: "Alle anzeigen",
@@ -188,12 +188,12 @@ const e = {
188
188
  en: "Carousel",
189
189
  de: "Karussell",
190
190
  pt: "Carrossel"
191
- }, w = {
191
+ }, T = {
192
192
  es: "Pausar carrusel automático",
193
193
  en: "Pause automatic carousel",
194
194
  de: "Automatisches Karussell pausieren",
195
195
  pt: "Pausar carrossel automático"
196
- }, T = {
196
+ }, w = {
197
197
  es: "Reproducir carrusel automático",
198
198
  en: "Play automatic carousel",
199
199
  de: "Automatisches Karussell abspielen",
@@ -223,215 +223,250 @@ const e = {
223
223
  en: "First slide",
224
224
  de: "Erste Seite",
225
225
  pt: "Primeira página"
226
- }, U = {
226
+ }, G = {
227
227
  es: "1$s de 2$s",
228
228
  en: "1$s of 2$s",
229
229
  de: "1$s von 2$s",
230
230
  pt: "1$s de 2$s"
231
231
  }, W = {
232
+ es: "Paginación - Página 1$s de 2$s",
233
+ en: "Pagination - Page 1$s of 2$s",
234
+ de: "Paginierung - Seite 1$s von 2$s",
235
+ pt: "Paginação - Página 1$s de 2$s"
236
+ }, Z = {
237
+ es: "Página 1$s, página actual",
238
+ en: "Page 1$s, current page",
239
+ de: "Seite 1$s, aktuelle Seite",
240
+ pt: "Página 1$s, página atual"
241
+ }, U = {
242
+ es: "Anterior",
243
+ en: "Previous",
244
+ de: "Zurück",
245
+ pt: "Anterior"
246
+ }, J = {
247
+ es: "Siguiente",
248
+ en: "Next",
249
+ de: "Weiter",
250
+ pt: "Próximo"
251
+ }, Q = {
252
+ es: "Página anterior",
253
+ en: "Previous page",
254
+ de: "Vorherige Seite",
255
+ pt: "Página anterior"
256
+ }, Y = {
257
+ es: "Página siguiente",
258
+ en: "Next page",
259
+ de: "Nächste Seite",
260
+ pt: "Página seguinte"
261
+ }, X = {
262
+ es: "Ir a la página 1$s",
263
+ en: "Go to page 1$s",
264
+ de: "Gehe zu Seite 1$s",
265
+ pt: "Ir para a página 1$s"
266
+ }, _ = {
232
267
  es: "Reproducir",
233
268
  en: "Play",
234
269
  de: "Abspielen",
235
270
  pt: "Reproduzir"
236
- }, Z = {
271
+ }, ee = {
237
272
  es: "Pausar",
238
273
  en: "Pause",
239
274
  de: "Pausieren",
240
275
  pt: "Pausar"
241
- }, G = {
276
+ }, ne = {
242
277
  es: "Continuar",
243
278
  en: "Continue",
244
279
  de: "Fortfahren",
245
280
  pt: "Continuar"
246
- }, J = {
281
+ }, te = {
247
282
  es: "completo",
248
283
  en: "completed",
249
284
  de: "vollendet",
250
285
  pt: "concluído"
251
- }, Q = {
286
+ }, se = {
252
287
  es: "Paso 1$s de 2$s",
253
288
  en: "Step 1$s of 2$s",
254
289
  de: "Schritt 1$s von 2$s",
255
290
  pt: "Etapa 1$s de 2$s"
256
- }, Y = {
291
+ }, oe = {
257
292
  es: "En curso",
258
293
  en: "Current",
259
294
  de: "Aktuell",
260
295
  pt: "Em andamento"
261
- }, X = {
296
+ }, ae = {
262
297
  es: "Completado",
263
298
  en: "Completed",
264
299
  de: "Abgeschlossen",
265
300
  pt: "Concluído"
266
- }, _ = {
301
+ }, re = {
267
302
  es: "Dígito 1$s de 2$s",
268
303
  en: "Digit 1$s of 2$s",
269
304
  de: "Ziffer 1$s von 2$s",
270
305
  pt: "Dígito 1$s de 2$s"
271
- }, ee = {
306
+ }, ie = {
272
307
  es: "Borrar elemento",
273
308
  en: "Remove element",
274
309
  de: "Element entfernen",
275
310
  pt: "Remover elemento"
276
- }, ne = {
311
+ }, de = {
277
312
  es: "Aumentar valor",
278
313
  en: "Increase value",
279
314
  de: "Wert steigern",
280
315
  pt: "aumentar valor"
281
- }, te = {
316
+ }, ce = {
282
317
  es: "Disminuir valor",
283
318
  en: "Decrease value",
284
319
  de: "Wert verringern",
285
320
  pt: "diminuir valor"
286
- }, se = {
321
+ }, le = {
287
322
  es: "cantidad",
288
323
  en: "quantity",
289
324
  de: "menge",
290
325
  pt: "quantidade"
291
- }, oe = {
326
+ }, ue = {
292
327
  es: "mínimo",
293
328
  en: "minimum of",
294
329
  de: "minimal",
295
330
  pt: "mínimo"
296
- }, ae = {
331
+ }, pe = {
297
332
  es: "máximo",
298
333
  en: "maximum of",
299
334
  de: "maximal",
300
335
  pt: "máximo"
301
- }, re = {
336
+ }, me = {
302
337
  es: "d",
303
338
  en: "d",
304
339
  de: "Tg.",
305
340
  pt: "d"
306
- }, ie = {
341
+ }, ge = {
307
342
  es: "h",
308
343
  en: "h",
309
344
  de: "Std.",
310
345
  pt: "h"
311
- }, de = {
346
+ }, Ce = {
312
347
  es: "min",
313
348
  en: "min",
314
349
  de: "Min.",
315
350
  pt: "min"
316
- }, ce = {
351
+ }, be = {
317
352
  es: "s",
318
353
  en: "s",
319
354
  de: "Sek.",
320
355
  pt: "s"
321
- }, le = {
356
+ }, he = {
322
357
  es: "y",
323
358
  en: "and",
324
359
  de: "und",
325
360
  pt: "e"
326
- }, ue = {
361
+ }, ve = {
327
362
  es: "día",
328
363
  en: "day",
329
364
  de: "Tag",
330
365
  pt: "dia"
331
- }, pe = {
366
+ }, $e = {
332
367
  es: "días",
333
368
  en: "days",
334
369
  de: "Tage",
335
370
  pt: "dias"
336
- }, me = {
371
+ }, fe = {
337
372
  es: "hora",
338
373
  en: "hour",
339
374
  de: "Stunde",
340
375
  pt: "hora"
341
- }, ge = {
376
+ }, Ae = {
342
377
  es: "horas",
343
378
  en: "hours",
344
379
  de: "Stunden",
345
380
  pt: "horas"
346
- }, Ce = {
381
+ }, Se = {
347
382
  es: "minuto",
348
383
  en: "minute",
349
384
  de: "Minute",
350
385
  pt: "minuto"
351
- }, be = {
386
+ }, Le = {
352
387
  es: "minutos",
353
388
  en: "minutes",
354
389
  de: "Minuten",
355
390
  pt: "minutos"
356
- }, he = {
391
+ }, Ve = {
357
392
  es: "segundo",
358
393
  en: "second",
359
394
  de: "Sekunde",
360
395
  pt: "segundo"
361
- }, ve = {
396
+ }, Pe = {
362
397
  es: "segundos",
363
398
  en: "seconds",
364
399
  de: "Sekunden",
365
400
  pt: "segundos"
366
- }, fe = {
401
+ }, Ee = {
367
402
  es: "min",
368
403
  en: "min",
369
404
  de: "Min.",
370
405
  pt: "min"
371
- }, $e = {
406
+ }, Me = {
372
407
  es: "seg",
373
408
  en: "sec",
374
409
  de: "Sek.",
375
410
  pt: "seg"
376
- }, Ae = {
411
+ }, ye = {
377
412
  es: "Acciones",
378
413
  en: "Actions",
379
414
  de: "Aktionen",
380
415
  pt: "Ações"
381
- }, Le = {
416
+ }, Ne = {
382
417
  es: "muy malo",
383
418
  en: "very bad",
384
419
  de: "sehr schlecht",
385
420
  pt: "muito ruim"
386
- }, Ve = {
421
+ }, xe = {
387
422
  es: "malo",
388
423
  en: "bad",
389
424
  de: "schlecht",
390
425
  pt: "ruim"
391
- }, Se = {
426
+ }, Be = {
392
427
  es: "regular",
393
428
  en: "regular",
394
429
  de: "regular",
395
430
  pt: "regular"
396
- }, Ee = {
431
+ }, ke = {
397
432
  es: "bueno",
398
433
  en: "good",
399
434
  de: "gut",
400
435
  pt: "bom"
401
- }, Me = {
436
+ }, Ie = {
402
437
  es: "muy bueno",
403
438
  en: "very good",
404
439
  de: "sehr gut",
405
440
  pt: "muito bom"
406
- }, ye = {
441
+ }, De = {
407
442
  es: "1$s de 2$s",
408
443
  en: "1$s out of 2$s",
409
444
  de: "1$s von 2$s",
410
445
  pt: "1$s de 2$s"
411
- }, Be = {
446
+ }, Fe = {
412
447
  es: "Indicador de progreso con 1$s secciones, total 2$s% de 100%.",
413
448
  en: "Gauge chart 1$s segments, total 2$s% out of 100%.",
414
449
  de: "Fortschrittsanzeige mit 1$s Abschnitten, insgesamt 2$s% von 100%.",
415
450
  pt: "Indicador de progresso com 1$s seções, total 2$s% de 100%."
416
- }, Pe = {
451
+ }, Re = {
417
452
  es: "Sección 1$s: 2$s%",
418
453
  en: "Segment 1$s: 2$s%",
419
454
  de: "Abschnitt 1$s: 2$s%",
420
455
  pt: "Seção 1$s: 2$s%"
421
- }, Ne = {
456
+ }, Oe = {
422
457
  es: "Accesos directos",
423
458
  en: "Skip links",
424
459
  de: "Direkt zum Inhalt",
425
460
  pt: "Acesso rápido"
426
- }, xe = {
461
+ }, Te = {
427
462
  es: "Eliminar archivo 1$s",
428
463
  en: "Delete file 1$s",
429
464
  de: "Datei löschen 1$s",
430
465
  pt: "Excluir arquivo 1$s"
431
- }, De = {
466
+ }, we = {
432
467
  es: "Archivos subidos",
433
468
  en: "Files uploaded",
434
469
  de: "Hochgeladene Dateien",
435
470
  pt: "Arquivos enviados"
436
471
  };
437
- export { n as autocompleteEmptyCase, F as backNavigationBar, T as carouselEnableAutoplay, j as carouselFirstButton, K as carouselLastButton, H as carouselNextButton, U as carouselPageNumber, w as carouselPauseAutoplay, q as carouselPrevButton, O as carouselRegion, z as carouselReloadAutoplay, R as clearButton, B as closeButtonLabel, D as closeNavigationMenu, te as counterDecreaseLabel, ne as counterIncreaseLabel, ae as counterMaxValue, oe as counterMinValue, se as counterQuantity, ee as counterRemoveLabel, l as dialogAcceptButton, c as dialogCancelButton, o as disablePasswordVisibility, s as enablePasswordVisibility, t as expirationDatePlaceholder, De as fileUploadListLabel, xe as fileUploadRemoveFile, h as formCreditCardCvvError, b as formCreditCardCvvLabel, A as formCreditCardCvvTooltipAmex, $ as formCreditCardCvvTooltipVisaMc, f as formCreditCardCvvTooltipVisaMcButtonClose, v as formCreditCardCvvTooltipVisaMcButtonOpen, L as formCreditCardExpirationError, C as formCreditCardExpirationLabel, V as formCreditCardNumberError, g as formCreditCardNumberLabel, S as formDateOutOfRangeError, E as formEmailError, u as formErrorsAlertMessage, m as formFieldErrorIsMandatory, p as formFieldOptionalLabelSuffix, M as formIbanError, P as formSearchClear, y as formTextMultilineMaxCount, i as linkOpensInCurrentPage, r as linkOpensInNewTab, a as loading, k as mainNavigationBarOpenSectionMenu, I as mainNavigationBarSectionSeeAll, N as menuLabelSuffix, Pe as meterSectionLabel, Be as meterTotalLabel, d as modalClose, x as openNavigationMenu, Z as pauseIconButtonLabel, _ as pinFieldInputLabel, W as playIconButtonLabel, J as progressBarCompletedLabel, Q as progressBarStepLabel, Ve as ratingBadLabel, Ee as ratingGoodLabel, ye as ratingQuantitativeLabel, Se as ratingRegularLabel, Le as ratingVeryBadLabel, Me as ratingVeryGoodLabel, e as searchFieldSuggestionsEmptyCase, G as sheetConfirmButton, Ne as skipLinkNavLabel, X as stepperCompletedStep, Y as stepperCurrentStep, Ae as tableActionsHeaderLabel, le as timerAnd, ue as timerDayLongLabel, pe as timerDaysLongLabel, re as timerDaysShortLabel, fe as timerDisplayMinutesLabel, $e as timerDisplaySecondsLabel, me as timerHourLongLabel, ge as timerHoursLongLabel, ie as timerHoursShortLabel, Ce as timerMinuteLongLabel, be as timerMinutesLongLabel, de as timerMinutesShortLabel, he as timerSecondLongLabel, ve as timerSecondsLongLabel, ce as timerSecondsShortLabel };
472
+ export { n as autocompleteEmptyCase, F as backNavigationBar, w as carouselEnableAutoplay, j as carouselFirstButton, K as carouselLastButton, H as carouselNextButton, G as carouselPageNumber, T as carouselPauseAutoplay, q as carouselPrevButton, O as carouselRegion, z as carouselReloadAutoplay, R as clearButton, y as closeButtonLabel, k as closeNavigationMenu, ce as counterDecreaseLabel, de as counterIncreaseLabel, pe as counterMaxValue, ue as counterMinValue, le as counterQuantity, ie as counterRemoveLabel, l as dialogAcceptButton, c as dialogCancelButton, o as disablePasswordVisibility, s as enablePasswordVisibility, t as expirationDatePlaceholder, we as fileUploadListLabel, Te as fileUploadRemoveFile, h as formCreditCardCvvError, b as formCreditCardCvvLabel, A as formCreditCardCvvTooltipAmex, f as formCreditCardCvvTooltipVisaMc, $ as formCreditCardCvvTooltipVisaMcButtonClose, v as formCreditCardCvvTooltipVisaMcButtonOpen, S as formCreditCardExpirationError, C as formCreditCardExpirationLabel, L as formCreditCardNumberError, g as formCreditCardNumberLabel, V as formDateOutOfRangeError, P as formEmailError, u as formErrorsAlertMessage, m as formFieldErrorIsMandatory, p as formFieldOptionalLabelSuffix, E as formIbanError, N as formSearchClear, M as formTextMultilineMaxCount, i as linkOpensInCurrentPage, r as linkOpensInNewTab, a as loading, I as mainNavigationBarOpenSectionMenu, D as mainNavigationBarSectionSeeAll, x as menuLabelSuffix, Re as meterSectionLabel, Fe as meterTotalLabel, d as modalClose, B as openNavigationMenu, Z as paginationCurrentPage, X as paginationGoToPage, J as paginationNextPage, Y as paginationNextPageAriaLabel, U as paginationPrevPage, Q as paginationPrevPageAriaLabel, W as paginationSection, ee as pauseIconButtonLabel, re as pinFieldInputLabel, _ as playIconButtonLabel, te as progressBarCompletedLabel, se as progressBarStepLabel, xe as ratingBadLabel, ke as ratingGoodLabel, De as ratingQuantitativeLabel, Be as ratingRegularLabel, Ne as ratingVeryBadLabel, Ie as ratingVeryGoodLabel, e as searchFieldSuggestionsEmptyCase, ne as sheetConfirmButton, Oe as skipLinkNavLabel, ae as stepperCompletedStep, oe as stepperCurrentStep, ye as tableActionsHeaderLabel, he as timerAnd, ve as timerDayLongLabel, $e as timerDaysLongLabel, me as timerDaysShortLabel, Ee as timerDisplayMinutesLabel, Me as timerDisplaySecondsLabel, fe as timerHourLongLabel, Ae as timerHoursLongLabel, ge as timerHoursShortLabel, Se as timerMinuteLongLabel, Le as timerMinutesLongLabel, Ce as timerMinutesShortLabel, Ve as timerSecondLongLabel, Pe as timerSecondsLongLabel, be as timerSecondsShortLabel };
@@ -1,8 +1,8 @@
1
1
  /* empty css */ var r = {
2
- mobileSize: "var(--v16_70_splu5g0)",
3
- desktopSize: "var(--v16_70_splu5g1)",
4
- mobileLineHeight: "var(--v16_70_splu5g2)",
5
- desktopLineHeight: "var(--v16_70_splu5g3)",
6
- lineClamp: "var(--v16_70_splu5g4)"
7
- }, _ = "v16_70_splu5g5", e = "v16_70_splu5g6", a = "v16_70_splu5g7", p = "v16_70_splu5g8", t = "v16_70_splu5g9";
2
+ mobileSize: "var(--v16_71_splu5g0)",
3
+ desktopSize: "var(--v16_71_splu5g1)",
4
+ mobileLineHeight: "var(--v16_71_splu5g2)",
5
+ desktopLineHeight: "var(--v16_71_splu5g3)",
6
+ lineClamp: "var(--v16_71_splu5g4)"
7
+ }, _ = "v16_71_splu5g5", e = "v16_71_splu5g6", a = "v16_71_splu5g7", p = "v16_71_splu5g8", t = "v16_71_splu5g9";
8
8
  export { a as text, p as truncate, t as truncateToOneLine, r as vars, _ as withWordBreak, e as withoutWordBreak };
@@ -1,12 +1,12 @@
1
1
  /* empty css */ /* empty css */ var t = {
2
- vertical: "v16_70_w6pat20",
3
- horizontal: "v16_70_w6pat21"
4
- }, a = "v16_70_w6pat23 v16_70_w6pat22 v16_70_1y2v1nfq4 v16_70_1y2v1nfqh", n = "v16_70_w6pat25 v16_70_w6pat24 v16_70_1y2v1nfqq v16_70_1y2v1nfsh v16_70_1y2v1nfhf", e = {
5
- active: "v16_70_w6pat26",
6
- inactive: "v16_70_w6pat27",
7
- completed: "v16_70_w6pat28"
8
- }, p = "v16_70_w6pat2a v16_70_w6pat29 v16_70_1y2v1nfq4 v16_70_1y2v1nfqj", f = "v16_70_w6pat2b", r = "v16_70_w6pat2d v16_70_w6pat2c v16_70_1y2v1nfr1 v16_70_1y2v1nfrh v16_70_1y2v1nfso v16_70_1y2v1nfq4 v16_70_1y2v1nfqj v16_70_1y2v1nfqd v16_70_1y2v1nf83", w = {
9
- default: "v16_70_w6pat2g v16_70_w6pat2f v16_70_w6pat2e v16_70_1y2v1nfqq",
10
- overBrand: "v16_70_w6pat2h v16_70_w6pat2f v16_70_w6pat2e v16_70_1y2v1nfqq"
2
+ vertical: "v16_71_w6pat20",
3
+ horizontal: "v16_71_w6pat21"
4
+ }, a = "v16_71_w6pat23 v16_71_w6pat22 v16_71_1y2v1nfq4 v16_71_1y2v1nfqh", n = "v16_71_w6pat25 v16_71_w6pat24 v16_71_1y2v1nfqq v16_71_1y2v1nfsh v16_71_1y2v1nfhf", e = {
5
+ active: "v16_71_w6pat26",
6
+ inactive: "v16_71_w6pat27",
7
+ completed: "v16_71_w6pat28"
8
+ }, p = "v16_71_w6pat2a v16_71_w6pat29 v16_71_1y2v1nfq4 v16_71_1y2v1nfqj", f = "v16_71_w6pat2b", r = "v16_71_w6pat2d v16_71_w6pat2c v16_71_1y2v1nfr1 v16_71_1y2v1nfrh v16_71_1y2v1nfso v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nf83", w = {
9
+ default: "v16_71_w6pat2g v16_71_w6pat2f v16_71_w6pat2e v16_71_1y2v1nfqq",
10
+ overBrand: "v16_71_w6pat2h v16_71_w6pat2f v16_71_w6pat2e v16_71_1y2v1nfqq"
11
11
  };
12
12
  export { f as asset, r as assetNumberContainer, n as itemContent, w as line, p as lineContainer, t as timeline, a as timelineItem, e as timelineItemState };
@@ -1,8 +1,8 @@
1
- /* empty css */ /* empty css */ var f = "v16_70_18fye840 v16_70_1y2v1nfq8", y = "v16_70_18fye841", e = "v16_70_18fye843 v16_70_18fye841 v16_70_18fye842 v16_70_1y2v1nfq5 v16_70_1y2v1nfqd", n = "v16_70_18fye845 v16_70_18fye841 v16_70_18fye844 v16_70_1y2v1nfq8", a = "v16_70_18fye847 v16_70_18fye846 v16_70_1y2v1nfq4 v16_70_1y2v1nfqa v16_70_1y2v1nfqj", i = "v16_70_18fye848", r = {
2
- default: "v16_70_18fye84g v16_70_18fye84a v16_70_18fye849 v16_70_1y2v1nfil v16_70_1y2v1nfju v16_70_1y2v1nfg6 v16_70_1y2v1nfhf v16_70_1y2v1nfsw v16_70_18fye84b v16_70_1y2v1nfdi",
3
- brand: "v16_70_18fye84h v16_70_18fye84a v16_70_18fye849 v16_70_1y2v1nfil v16_70_1y2v1nfju v16_70_1y2v1nfg6 v16_70_1y2v1nfhf v16_70_1y2v1nfsw v16_70_18fye84c v16_70_1y2v1nf83",
4
- negative: "v16_70_18fye84i v16_70_18fye84a v16_70_18fye849 v16_70_1y2v1nfil v16_70_1y2v1nfju v16_70_1y2v1nfg6 v16_70_1y2v1nfhf v16_70_1y2v1nfsw v16_70_18fye84d v16_70_1y2v1nf83",
5
- alternative: "v16_70_18fye84j v16_70_18fye84a v16_70_18fye849 v16_70_1y2v1nfil v16_70_1y2v1nfju v16_70_1y2v1nfg6 v16_70_1y2v1nfhf v16_70_1y2v1nfsw v16_70_18fye84e v16_70_1y2v1nf83",
6
- media: "v16_70_18fye84k v16_70_18fye84a v16_70_18fye849 v16_70_1y2v1nfil v16_70_1y2v1nfju v16_70_1y2v1nfg6 v16_70_1y2v1nfhf v16_70_1y2v1nfsw v16_70_18fye84f"
1
+ /* empty css */ /* empty css */ var f = "v16_71_18fye840 v16_71_1y2v1nfq8", y = "v16_71_18fye841", e = "v16_71_18fye843 v16_71_18fye841 v16_71_18fye842 v16_71_1y2v1nfq5 v16_71_1y2v1nfqd", n = "v16_71_18fye845 v16_71_18fye841 v16_71_18fye844 v16_71_1y2v1nfq8", a = "v16_71_18fye847 v16_71_18fye846 v16_71_1y2v1nfq4 v16_71_1y2v1nfqa v16_71_1y2v1nfqj", i = "v16_71_18fye848", r = {
2
+ default: "v16_71_18fye84g v16_71_18fye84a v16_71_18fye849 v16_71_1y2v1nfil v16_71_1y2v1nfju v16_71_1y2v1nfg6 v16_71_1y2v1nfhf v16_71_1y2v1nfsw v16_71_18fye84b v16_71_1y2v1nfdi",
3
+ brand: "v16_71_18fye84h v16_71_18fye84a v16_71_18fye849 v16_71_1y2v1nfil v16_71_1y2v1nfju v16_71_1y2v1nfg6 v16_71_1y2v1nfhf v16_71_1y2v1nfsw v16_71_18fye84c v16_71_1y2v1nf83",
4
+ negative: "v16_71_18fye84i v16_71_18fye84a v16_71_18fye849 v16_71_1y2v1nfil v16_71_1y2v1nfju v16_71_1y2v1nfg6 v16_71_1y2v1nfhf v16_71_1y2v1nfsw v16_71_18fye84d v16_71_1y2v1nf83",
5
+ alternative: "v16_71_18fye84j v16_71_18fye84a v16_71_18fye849 v16_71_1y2v1nfil v16_71_1y2v1nfju v16_71_1y2v1nfg6 v16_71_1y2v1nfhf v16_71_1y2v1nfsw v16_71_18fye84e v16_71_1y2v1nf83",
6
+ media: "v16_71_18fye84k v16_71_18fye84a v16_71_18fye849 v16_71_1y2v1nfil v16_71_1y2v1nfju v16_71_1y2v1nfg6 v16_71_1y2v1nfhf v16_71_1y2v1nfsw v16_71_18fye84f"
7
7
  };
8
8
  export { i as boxedTimerDisplayValue, r as boxedTimerValueContainer, y as inlineText, n as shortLabelText, a as timerDisplayValue, f as timerWrapper, e as unitContainer };
@@ -12,5 +12,5 @@
12
12
  opacity: 0
13
13
  },
14
14
  unmounted: {}
15
- }, a = "v16_70_1xhatbp1 v16_70_1xhatbp0 v16_70_1y2v1nfpz", p = "v16_70_1xhatbp3 v16_70_1xhatbp2 v16_70_1y2v1nfpy v16_70_1y2v1nfsy v16_70_1y2v1nf83", o = "v16_70_1xhatbp5 v16_70_1xhatbp4 v16_70_1y2v1nfpy v16_70_1y2v1nft8", r = "v16_70_1xhatbp6", y = "v16_70_1xhatbp7 v16_70_1y2v1nfq4 v16_70_1y2v1nfqa v16_70_1y2v1nfqj", e = "v16_70_1xhatbp9 v16_70_1xhatbp8 v16_70_1y2v1nfpz v16_70_1y2v1nfqz v16_70_1y2v1nft8", f = "v16_70_1xhatbpb v16_70_1xhatbpa v16_70_1y2v1nfqx v16_70_1y2v1nfrd v16_70_1y2v1nfpz v16_70_1y2v1nfte v16_70_1y2v1nf83", i = "v16_70_1xhatbpd v16_70_1xhatbpc v16_70_1y2v1nfpz";
15
+ }, a = "v16_71_1xhatbp1 v16_71_1xhatbp0 v16_71_1y2v1nfpz", p = "v16_71_1xhatbp3 v16_71_1xhatbp2 v16_71_1y2v1nfpy v16_71_1y2v1nfsy v16_71_1y2v1nf83", o = "v16_71_1xhatbp5 v16_71_1xhatbp4 v16_71_1y2v1nfpy v16_71_1y2v1nft8", r = "v16_71_1xhatbp6", y = "v16_71_1xhatbp7 v16_71_1y2v1nfq4 v16_71_1y2v1nfqa v16_71_1y2v1nfqj", e = "v16_71_1xhatbp9 v16_71_1xhatbp8 v16_71_1y2v1nfpz v16_71_1y2v1nfqz v16_71_1y2v1nft8", f = "v16_71_1xhatbpb v16_71_1xhatbpa v16_71_1y2v1nfqx v16_71_1y2v1nfrd v16_71_1y2v1nfpz v16_71_1y2v1nfte v16_71_1y2v1nf83", i = "v16_71_1xhatbpd v16_71_1xhatbpc v16_71_1y2v1nfpz";
16
16
  export { t as CONTENT_MIN_WIDTH, f as arrow, e as arrowContainer, i as closeButtonIcon, a as container, r as content, o as contentContainer, p as tooltip, y as tooltipCenter, n as tooltipTransitionClasses };
@@ -1,2 +1,2 @@
1
- /* empty css */ /* empty css */ var t = "v16_70_mhti6u0", f = "v16_70_mhti6u2 v16_70_mhti6u1 v16_70_1y2v1nft7", n = "v16_70_mhti6u4 v16_70_mhti6u2 v16_70_mhti6u1 v16_70_1y2v1nft7 v16_70_mhti6u3 v16_70_1y2v1nffx v16_70_1y2v1nfh6 v16_70_1y2v1nfif v16_70_1y2v1nfjo v16_70_1y2v1nfq6 v16_70_1y2v1nfsm v16_70_1y2v1nfqr v16_70_1y2v1nf7x v16_70_1y2v1nffw v16_70_1y2v1nft9", i = "v16_70_mhti6u5";
1
+ /* empty css */ /* empty css */ var t = "v16_71_mhti6u0", f = "v16_71_mhti6u2 v16_71_mhti6u1 v16_71_1y2v1nft7", n = "v16_71_mhti6u4 v16_71_mhti6u2 v16_71_mhti6u1 v16_71_1y2v1nft7 v16_71_mhti6u3 v16_71_1y2v1nffx v16_71_1y2v1nfh6 v16_71_1y2v1nfif v16_71_1y2v1nfjo v16_71_1y2v1nfq6 v16_71_1y2v1nfsm v16_71_1y2v1nfqr v16_71_1y2v1nf7x v16_71_1y2v1nffw v16_71_1y2v1nft9", i = "v16_71_mhti6u5";
2
2
  export { f as base, t as marginReset, i as notTouchable, n as touchable };
@@ -1,4 +1,4 @@
1
1
  /* empty css */ /* empty css */ var r = {
2
- aspectRatio: "var(--v16_70_yqswj60)"
3
- }, y = "v16_70_yqswj61 v16_70_1y2v1nft8 v16_70_1y2v1nfsj v16_70_1y2v1nfsk v16_70_1y2v1nfpy", a = "v16_70_yqswj62", n = "v16_70_yqswj63 v16_70_1y2v1nfqr v16_70_1y2v1nfr8 v16_70_1y2v1nfte v16_70_1y2v1nftt";
2
+ aspectRatio: "var(--v16_71_yqswj60)"
3
+ }, y = "v16_71_yqswj61 v16_71_1y2v1nft8 v16_71_1y2v1nfsj v16_71_1y2v1nfsk v16_71_1y2v1nfpy", a = "v16_71_yqswj62", n = "v16_71_yqswj63 v16_71_1y2v1nfqr v16_71_1y2v1nfr8 v16_71_1y2v1nfte v16_71_1y2v1nftt";
4
4
  export { a as container, n as containerWithWrapper, r as vars, y as wrapper };
@@ -1,2 +1,2 @@
1
- /* empty css */ /* empty css */ var f = "v16_70_19h163j0 v16_70_1y2v1nfte v16_70_1y2v1nftt v16_70_1y2v1nfq6 v16_70_1y2v1nffw v16_70_1y2v1nfsj v16_70_1y2v1nfsk v16_70_1y2v1nfv2";
1
+ /* empty css */ /* empty css */ var f = "v16_71_19h163j0 v16_71_1y2v1nfte v16_71_1y2v1nftt v16_71_1y2v1nfq6 v16_71_1y2v1nffw v16_71_1y2v1nfsj v16_71_1y2v1nfsk v16_71_1y2v1nfv2";
2
2
  export { f as video };
@@ -1,2 +1,2 @@
1
- /* empty css */ var a = "v16_70_1ezqdj90", r = "v16_70_1ezqdj91";
1
+ /* empty css */ var a = "v16_71_1ezqdj90", r = "v16_71_1ezqdj91";
2
2
  export { a as container, r as waveFadeOut };
package/doc/components.md CHANGED
@@ -81,6 +81,33 @@ Positions a primary and optional secondary button:
81
81
  />
82
82
  ```
83
83
 
84
+ ## Pagination
85
+
86
+ Use `Pagination` to navigate through a finite number of pages. It can be uncontrolled with `defaultPage`
87
+ or controlled with `currentPage` and `onChange`.
88
+
89
+ ```tsx
90
+ <Pagination totalPages={20} defaultPage={1} />
91
+ ```
92
+
93
+ ```tsx
94
+ const [page, setPage] = React.useState(1);
95
+
96
+ <Pagination
97
+ totalPages={20}
98
+ currentPage={page}
99
+ onChange={setPage}
100
+ />
101
+ ```
102
+
103
+ Common props:
104
+
105
+ - `surroundingPageCount` -- number of pages shown around the current page. Defaults to `1`.
106
+ - `hidePageList` -- hides page numbers and keeps only previous/next controls.
107
+ - `hideNavigationControls` -- hides previous/next controls and keeps only page numbers.
108
+ - `mode="iconOnly"` -- renders previous/next as icon buttons.
109
+ - `navLeftLabel` / `navRightLabel` -- custom labels for previous/next controls.
110
+
84
111
  ## Text and Titles
85
112
 
86
113
  > 💡 **Centering text uses two complementary props:** [`<Align x="center">`](./layout.md#align) positions the
package/doc/patterns.md CHANGED
@@ -155,6 +155,26 @@ If you need brand-specific defaults, put those colors in a custom skin and then
155
155
 
156
156
  ## Responsive patterns
157
157
 
158
+ ### Pagination in lists
159
+
160
+ Use `Pagination` near paged content such as search results, tables, or long lists. Keep the component
161
+ controlled when the page value drives data fetching, routing, or analytics.
162
+
163
+ ```tsx
164
+ const [page, setPage] = React.useState(1);
165
+
166
+ <Stack space={16}>
167
+ <RowList>{items.map((item) => <Row key={item.id} title={item.title} />)}</RowList>
168
+ <Pagination totalPages={20} currentPage={page} onChange={setPage} />
169
+ </Stack>
170
+ ```
171
+
172
+ For constrained containers, products can hide the page list and keep only previous/next controls.
173
+
174
+ ```tsx
175
+ <Pagination totalPages={20} currentPage={page} onChange={setPage} hidePageList />
176
+ ```
177
+
158
178
  ### Conditional rendering by screen size
159
179
 
160
180
  ```tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telefonica/mistica",
3
- "version": "16.70.0",
3
+ "version": "16.71.0",
4
4
  "license": "MIT",
5
5
  "repository": {
6
6
  "type": "git",
package/src/button.css.ts CHANGED
@@ -89,6 +89,7 @@ export const smallTouchableArea = style([
89
89
 
90
90
  export const smallTouchableVisual = style({
91
91
  width: '100%',
92
+ pointerEvents: 'none',
92
93
  });
93
94
 
94
95
  const button = style([
package/src/index.tsx CHANGED
@@ -63,6 +63,7 @@ export {default as Inline} from './inline';
63
63
  export {default as HorizontalScroll} from './horizontal-scroll';
64
64
  export {default as Stepper} from './stepper';
65
65
  export {ProgressBar, ProgressBarStepped} from './progress-bar';
66
+ export {default as Pagination} from './pagination';
66
67
  export {default as Meter} from './meter';
67
68
  export {Rating, InfoRating} from './rating';
68
69
  export {VerticalMosaic, HorizontalMosaic} from './mosaic';
@@ -1,2 +1,2 @@
1
1
  // DO NOT EDIT THIS FILE. It's autogenerated by set-version.js
2
- export const PACKAGE_VERSION = '16.70.0' as string;
2
+ export const PACKAGE_VERSION = '16.71.0' as string;