@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.
- package/css/mistica.css +1 -1
- package/dist/accordion.css-mistica.js +6 -6
- package/dist/align.css-mistica.js +1 -1
- package/dist/autocomplete.css-mistica.js +1 -1
- package/dist/avatar.css-mistica.js +1 -1
- package/dist/badge.css-mistica.js +1 -1
- package/dist/box.css-mistica.js +13 -13
- package/dist/boxed.css-mistica.js +24 -24
- package/dist/button-group.css-mistica.js +1 -1
- package/dist/button-layout.css-mistica.js +14 -14
- package/dist/button.css-mistica.js +30 -30
- package/dist/callout.css-mistica.js +11 -11
- package/dist/card-internal.css-mistica.js +15 -15
- package/dist/carousel.css-mistica.js +8 -8
- package/dist/checkbox.css-mistica.js +11 -11
- package/dist/chip.css-mistica.js +15 -15
- package/dist/circle.css-mistica.js +1 -1
- package/dist/community/advanced-data-card.css-mistica.js +6 -6
- package/dist/community/ai-card.css-mistica.js +13 -13
- package/dist/community/blocks.css-mistica.js +1 -1
- package/dist/community/cyber/example-component.css-mistica.js +1 -1
- package/dist/community/example-component.css-mistica.js +2 -2
- package/dist/counter.css-mistica.js +1 -1
- package/dist/cover-hero.css-mistica.js +2 -2
- package/dist/credit-card-number-field.css-mistica.js +3 -3
- package/dist/date-field.css-mistica.js +1 -1
- package/dist/date-time-picker.css-mistica.js +1 -1
- package/dist/dialog.css-mistica.js +4 -4
- package/dist/divider.css-mistica.js +5 -5
- package/dist/double-field.css-mistica.js +2 -2
- package/dist/drawer.css-mistica.js +1 -1
- package/dist/empty-state-card.css-mistica.js +1 -1
- package/dist/empty-state.css-mistica.js +5 -5
- package/dist/fade-in.css-mistica.js +1 -1
- package/dist/feedback.css-mistica.js +1 -1
- package/dist/file-upload.css-mistica.js +7 -7
- package/dist/fixed-footer-layout.css-mistica.js +2 -2
- package/dist/form.css-mistica.js +1 -1
- package/dist/grid-layout.css-mistica.js +3 -3
- package/dist/grid.css-mistica.js +120 -120
- package/dist/header.css-mistica.js +1 -1
- package/dist/hero.css-mistica.js +2 -2
- package/dist/horizontal-scroll.css-mistica.js +1 -1
- package/dist/icon-button.css-mistica.js +53 -53
- package/dist/icons/icon-chevron.css-mistica.js +2 -2
- package/dist/icons/icon-error.css-mistica.js +1 -1
- package/dist/image.css-mistica.js +2 -2
- package/dist/index.d.ts +1 -0
- package/dist/index.js +4 -0
- package/dist/inline.css-mistica.js +9 -9
- package/dist/list.css-mistica.js +1 -1
- package/dist/loading-bar.css-mistica.js +1 -1
- package/dist/loading-screen.css-mistica.js +4 -4
- package/dist/logo.css-mistica.js +5 -5
- package/dist/menu.css-mistica.js +13 -13
- package/dist/mosaic.css-mistica.js +1 -1
- package/dist/navigation-bar.css-mistica.js +18 -18
- package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist/package-version.js +1 -1
- package/dist/pagination.css-mistica.js +67 -0
- package/dist/pagination.css.d.ts +12 -0
- package/dist/pagination.d.ts +34 -0
- package/dist/pagination.js +318 -0
- package/dist/pin-field.css-mistica.js +1 -1
- package/dist/popover.css-mistica.js +1 -1
- package/dist/progress-bar.css-mistica.js +6 -6
- package/dist/radio-button.css-mistica.js +19 -19
- package/dist/rating.css-mistica.js +2 -2
- package/dist/responsive-layout.css-mistica.js +6 -6
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +15 -15
- package/dist/sheet-action-row.css-mistica.js +1 -1
- package/dist/sheet-common.css-mistica.js +1 -1
- package/dist/sheet-info.css-mistica.js +1 -1
- package/dist/skeletons.css-mistica.js +6 -6
- package/dist/skins/skin-contract.css-mistica.js +684 -684
- package/dist/skip-link.css-mistica.js +1 -1
- package/dist/slider.css-mistica.js +18 -18
- package/dist/snackbar.css-mistica.js +4 -4
- package/dist/spinner.css-mistica.js +1 -1
- package/dist/square.css-mistica.js +1 -1
- package/dist/stack.css-mistica.js +5 -5
- package/dist/stacking-group.css-mistica.js +1 -1
- package/dist/stepper.css-mistica.js +2 -2
- package/dist/switch-component.css-mistica.js +35 -35
- package/dist/table.css-mistica.js +9 -9
- package/dist/tabs.css-mistica.js +17 -17
- package/dist/tag.css-mistica.js +1 -1
- package/dist/text-field-base.css-mistica.js +15 -15
- package/dist/text-field-components.css-mistica.js +3 -3
- package/dist/text-link.css-mistica.js +6 -6
- package/dist/text-tokens.d.ts +14 -0
- package/dist/text-tokens.js +173 -117
- package/dist/text.css-mistica.js +6 -6
- package/dist/timeline.css-mistica.js +9 -9
- package/dist/timer.css-mistica.js +6 -6
- package/dist/tooltip.css-mistica.js +1 -1
- package/dist/touchable.css-mistica.js +1 -1
- package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
- package/dist/video.css-mistica.js +1 -1
- package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/dist-es/accordion.css-mistica.js +6 -6
- package/dist-es/align.css-mistica.js +1 -1
- package/dist-es/autocomplete.css-mistica.js +1 -1
- package/dist-es/avatar.css-mistica.js +1 -1
- package/dist-es/badge.css-mistica.js +1 -1
- package/dist-es/box.css-mistica.js +13 -13
- package/dist-es/boxed.css-mistica.js +23 -23
- package/dist-es/button-group.css-mistica.js +1 -1
- package/dist-es/button-layout.css-mistica.js +14 -14
- package/dist-es/button.css-mistica.js +30 -30
- package/dist-es/callout.css-mistica.js +11 -11
- package/dist-es/card-internal.css-mistica.js +15 -15
- package/dist-es/carousel.css-mistica.js +8 -8
- package/dist-es/checkbox.css-mistica.js +11 -11
- package/dist-es/chip.css-mistica.js +15 -15
- package/dist-es/circle.css-mistica.js +1 -1
- package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
- package/dist-es/community/ai-card.css-mistica.js +4 -4
- package/dist-es/community/blocks.css-mistica.js +1 -1
- package/dist-es/community/cyber/example-component.css-mistica.js +1 -1
- package/dist-es/community/example-component.css-mistica.js +2 -2
- package/dist-es/counter.css-mistica.js +1 -1
- package/dist-es/cover-hero.css-mistica.js +2 -2
- package/dist-es/credit-card-number-field.css-mistica.js +3 -3
- package/dist-es/date-field.css-mistica.js +1 -1
- package/dist-es/date-time-picker.css-mistica.js +1 -1
- package/dist-es/dialog.css-mistica.js +4 -4
- package/dist-es/divider.css-mistica.js +5 -5
- package/dist-es/double-field.css-mistica.js +2 -2
- package/dist-es/drawer.css-mistica.js +1 -1
- package/dist-es/empty-state-card.css-mistica.js +1 -1
- package/dist-es/empty-state.css-mistica.js +5 -5
- package/dist-es/fade-in.css-mistica.js +1 -1
- package/dist-es/feedback.css-mistica.js +1 -1
- package/dist-es/file-upload.css-mistica.js +7 -7
- package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
- package/dist-es/form.css-mistica.js +1 -1
- package/dist-es/grid-layout.css-mistica.js +3 -3
- package/dist-es/grid.css-mistica.js +120 -120
- package/dist-es/header.css-mistica.js +1 -1
- package/dist-es/hero.css-mistica.js +2 -2
- package/dist-es/horizontal-scroll.css-mistica.js +1 -1
- package/dist-es/icon-button.css-mistica.js +53 -53
- package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
- package/dist-es/icons/icon-error.css-mistica.js +1 -1
- package/dist-es/image.css-mistica.js +2 -2
- package/dist-es/index.js +2290 -2289
- package/dist-es/inline.css-mistica.js +9 -9
- package/dist-es/list.css-mistica.js +1 -1
- package/dist-es/loading-bar.css-mistica.js +1 -1
- package/dist-es/loading-screen.css-mistica.js +4 -4
- package/dist-es/logo.css-mistica.js +5 -5
- package/dist-es/menu.css-mistica.js +13 -13
- package/dist-es/mosaic.css-mistica.js +1 -1
- package/dist-es/navigation-bar.css-mistica.js +18 -18
- package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist-es/package-version.js +1 -1
- package/dist-es/pagination.css-mistica.js +20 -0
- package/dist-es/pagination.js +252 -0
- package/dist-es/pin-field.css-mistica.js +1 -1
- package/dist-es/popover.css-mistica.js +1 -1
- package/dist-es/progress-bar.css-mistica.js +6 -6
- package/dist-es/radio-button.css-mistica.js +19 -19
- package/dist-es/rating.css-mistica.js +2 -2
- package/dist-es/responsive-layout.css-mistica.js +6 -6
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +15 -15
- package/dist-es/sheet-action-row.css-mistica.js +1 -1
- package/dist-es/sheet-common.css-mistica.js +1 -1
- package/dist-es/sheet-info.css-mistica.js +1 -1
- package/dist-es/skeletons.css-mistica.js +6 -6
- package/dist-es/skins/skin-contract.css-mistica.js +684 -684
- package/dist-es/skip-link.css-mistica.js +1 -1
- package/dist-es/slider.css-mistica.js +18 -18
- package/dist-es/snackbar.css-mistica.js +4 -4
- package/dist-es/spinner.css-mistica.js +1 -1
- package/dist-es/square.css-mistica.js +1 -1
- package/dist-es/stack.css-mistica.js +5 -5
- package/dist-es/stacking-group.css-mistica.js +1 -1
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +35 -35
- package/dist-es/table.css-mistica.js +9 -9
- package/dist-es/tabs.css-mistica.js +17 -17
- package/dist-es/tag.css-mistica.js +1 -1
- package/dist-es/text-field-base.css-mistica.js +15 -15
- package/dist-es/text-field-components.css-mistica.js +3 -3
- package/dist-es/text-link.css-mistica.js +6 -6
- package/dist-es/text-tokens.js +94 -59
- package/dist-es/text.css-mistica.js +6 -6
- package/dist-es/timeline.css-mistica.js +9 -9
- package/dist-es/timer.css-mistica.js +6 -6
- package/dist-es/tooltip.css-mistica.js +1 -1
- package/dist-es/touchable.css-mistica.js +1 -1
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
- package/dist-es/video.css-mistica.js +1 -1
- package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/doc/components.md +27 -0
- package/doc/patterns.md +20 -0
- package/package.json +1 -1
- package/src/button.css.ts +1 -0
- package/src/index.tsx +1 -0
- package/src/package-version.tsx +1 -1
- package/src/pagination.css.ts +303 -0
- package/src/pagination.tsx +376 -0
- package/src/test-utils/index.tsx +2 -1
- package/src/text-tokens.tsx +56 -0
package/dist-es/text-tokens.js
CHANGED
|
@@ -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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
131
|
+
}, E = {
|
|
132
132
|
es: "IBAN incorrecto",
|
|
133
133
|
en: "Incorrect IBAN",
|
|
134
134
|
de: "Falsche IBAN",
|
|
135
135
|
pt: "IBAN incorreto"
|
|
136
|
-
},
|
|
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
|
-
},
|
|
141
|
+
}, y = {
|
|
142
142
|
es: "Cerrar",
|
|
143
143
|
en: "Close",
|
|
144
144
|
de: "Schließen",
|
|
145
145
|
pt: "Fechar"
|
|
146
|
-
},
|
|
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
|
-
},
|
|
151
|
+
}, x = {
|
|
152
152
|
es: "menú",
|
|
153
153
|
en: "menu",
|
|
154
154
|
de: "Menü",
|
|
155
155
|
pt: "menu"
|
|
156
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
166
|
+
}, I = {
|
|
167
167
|
es: "Abrir submenú",
|
|
168
168
|
en: "Open submenu",
|
|
169
169
|
de: "Untermenü öffnen",
|
|
170
170
|
pt: "Abrir submenu"
|
|
171
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
271
|
+
}, ee = {
|
|
237
272
|
es: "Pausar",
|
|
238
273
|
en: "Pause",
|
|
239
274
|
de: "Pausieren",
|
|
240
275
|
pt: "Pausar"
|
|
241
|
-
},
|
|
276
|
+
}, ne = {
|
|
242
277
|
es: "Continuar",
|
|
243
278
|
en: "Continue",
|
|
244
279
|
de: "Fortfahren",
|
|
245
280
|
pt: "Continuar"
|
|
246
|
-
},
|
|
281
|
+
}, te = {
|
|
247
282
|
es: "completo",
|
|
248
283
|
en: "completed",
|
|
249
284
|
de: "vollendet",
|
|
250
285
|
pt: "concluído"
|
|
251
|
-
},
|
|
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
|
-
},
|
|
291
|
+
}, oe = {
|
|
257
292
|
es: "En curso",
|
|
258
293
|
en: "Current",
|
|
259
294
|
de: "Aktuell",
|
|
260
295
|
pt: "Em andamento"
|
|
261
|
-
},
|
|
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
|
-
},
|
|
306
|
+
}, ie = {
|
|
272
307
|
es: "Borrar elemento",
|
|
273
308
|
en: "Remove element",
|
|
274
309
|
de: "Element entfernen",
|
|
275
310
|
pt: "Remover elemento"
|
|
276
|
-
},
|
|
311
|
+
}, de = {
|
|
277
312
|
es: "Aumentar valor",
|
|
278
313
|
en: "Increase value",
|
|
279
314
|
de: "Wert steigern",
|
|
280
315
|
pt: "aumentar valor"
|
|
281
|
-
},
|
|
316
|
+
}, ce = {
|
|
282
317
|
es: "Disminuir valor",
|
|
283
318
|
en: "Decrease value",
|
|
284
319
|
de: "Wert verringern",
|
|
285
320
|
pt: "diminuir valor"
|
|
286
|
-
},
|
|
321
|
+
}, le = {
|
|
287
322
|
es: "cantidad",
|
|
288
323
|
en: "quantity",
|
|
289
324
|
de: "menge",
|
|
290
325
|
pt: "quantidade"
|
|
291
|
-
},
|
|
326
|
+
}, ue = {
|
|
292
327
|
es: "mínimo",
|
|
293
328
|
en: "minimum of",
|
|
294
329
|
de: "minimal",
|
|
295
330
|
pt: "mínimo"
|
|
296
|
-
},
|
|
331
|
+
}, pe = {
|
|
297
332
|
es: "máximo",
|
|
298
333
|
en: "maximum of",
|
|
299
334
|
de: "maximal",
|
|
300
335
|
pt: "máximo"
|
|
301
|
-
},
|
|
336
|
+
}, me = {
|
|
302
337
|
es: "d",
|
|
303
338
|
en: "d",
|
|
304
339
|
de: "Tg.",
|
|
305
340
|
pt: "d"
|
|
306
|
-
},
|
|
341
|
+
}, ge = {
|
|
307
342
|
es: "h",
|
|
308
343
|
en: "h",
|
|
309
344
|
de: "Std.",
|
|
310
345
|
pt: "h"
|
|
311
|
-
},
|
|
346
|
+
}, Ce = {
|
|
312
347
|
es: "min",
|
|
313
348
|
en: "min",
|
|
314
349
|
de: "Min.",
|
|
315
350
|
pt: "min"
|
|
316
|
-
},
|
|
351
|
+
}, be = {
|
|
317
352
|
es: "s",
|
|
318
353
|
en: "s",
|
|
319
354
|
de: "Sek.",
|
|
320
355
|
pt: "s"
|
|
321
|
-
},
|
|
356
|
+
}, he = {
|
|
322
357
|
es: "y",
|
|
323
358
|
en: "and",
|
|
324
359
|
de: "und",
|
|
325
360
|
pt: "e"
|
|
326
|
-
},
|
|
361
|
+
}, ve = {
|
|
327
362
|
es: "día",
|
|
328
363
|
en: "day",
|
|
329
364
|
de: "Tag",
|
|
330
365
|
pt: "dia"
|
|
331
|
-
},
|
|
366
|
+
}, $e = {
|
|
332
367
|
es: "días",
|
|
333
368
|
en: "days",
|
|
334
369
|
de: "Tage",
|
|
335
370
|
pt: "dias"
|
|
336
|
-
},
|
|
371
|
+
}, fe = {
|
|
337
372
|
es: "hora",
|
|
338
373
|
en: "hour",
|
|
339
374
|
de: "Stunde",
|
|
340
375
|
pt: "hora"
|
|
341
|
-
},
|
|
376
|
+
}, Ae = {
|
|
342
377
|
es: "horas",
|
|
343
378
|
en: "hours",
|
|
344
379
|
de: "Stunden",
|
|
345
380
|
pt: "horas"
|
|
346
|
-
},
|
|
381
|
+
}, Se = {
|
|
347
382
|
es: "minuto",
|
|
348
383
|
en: "minute",
|
|
349
384
|
de: "Minute",
|
|
350
385
|
pt: "minuto"
|
|
351
|
-
},
|
|
386
|
+
}, Le = {
|
|
352
387
|
es: "minutos",
|
|
353
388
|
en: "minutes",
|
|
354
389
|
de: "Minuten",
|
|
355
390
|
pt: "minutos"
|
|
356
|
-
},
|
|
391
|
+
}, Ve = {
|
|
357
392
|
es: "segundo",
|
|
358
393
|
en: "second",
|
|
359
394
|
de: "Sekunde",
|
|
360
395
|
pt: "segundo"
|
|
361
|
-
},
|
|
396
|
+
}, Pe = {
|
|
362
397
|
es: "segundos",
|
|
363
398
|
en: "seconds",
|
|
364
399
|
de: "Sekunden",
|
|
365
400
|
pt: "segundos"
|
|
366
|
-
},
|
|
401
|
+
}, Ee = {
|
|
367
402
|
es: "min",
|
|
368
403
|
en: "min",
|
|
369
404
|
de: "Min.",
|
|
370
405
|
pt: "min"
|
|
371
|
-
},
|
|
406
|
+
}, Me = {
|
|
372
407
|
es: "seg",
|
|
373
408
|
en: "sec",
|
|
374
409
|
de: "Sek.",
|
|
375
410
|
pt: "seg"
|
|
376
|
-
},
|
|
411
|
+
}, ye = {
|
|
377
412
|
es: "Acciones",
|
|
378
413
|
en: "Actions",
|
|
379
414
|
de: "Aktionen",
|
|
380
415
|
pt: "Ações"
|
|
381
|
-
},
|
|
416
|
+
}, Ne = {
|
|
382
417
|
es: "muy malo",
|
|
383
418
|
en: "very bad",
|
|
384
419
|
de: "sehr schlecht",
|
|
385
420
|
pt: "muito ruim"
|
|
386
|
-
},
|
|
421
|
+
}, xe = {
|
|
387
422
|
es: "malo",
|
|
388
423
|
en: "bad",
|
|
389
424
|
de: "schlecht",
|
|
390
425
|
pt: "ruim"
|
|
391
|
-
},
|
|
426
|
+
}, Be = {
|
|
392
427
|
es: "regular",
|
|
393
428
|
en: "regular",
|
|
394
429
|
de: "regular",
|
|
395
430
|
pt: "regular"
|
|
396
|
-
},
|
|
431
|
+
}, ke = {
|
|
397
432
|
es: "bueno",
|
|
398
433
|
en: "good",
|
|
399
434
|
de: "gut",
|
|
400
435
|
pt: "bom"
|
|
401
|
-
},
|
|
436
|
+
}, Ie = {
|
|
402
437
|
es: "muy bueno",
|
|
403
438
|
en: "very good",
|
|
404
439
|
de: "sehr gut",
|
|
405
440
|
pt: "muito bom"
|
|
406
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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,
|
|
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(--
|
|
3
|
-
desktopSize: "var(--
|
|
4
|
-
mobileLineHeight: "var(--
|
|
5
|
-
desktopLineHeight: "var(--
|
|
6
|
-
lineClamp: "var(--
|
|
7
|
-
}, _ = "
|
|
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: "
|
|
3
|
-
horizontal: "
|
|
4
|
-
}, a = "
|
|
5
|
-
active: "
|
|
6
|
-
inactive: "
|
|
7
|
-
completed: "
|
|
8
|
-
}, p = "
|
|
9
|
-
default: "
|
|
10
|
-
overBrand: "
|
|
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 = "
|
|
2
|
-
default: "
|
|
3
|
-
brand: "
|
|
4
|
-
negative: "
|
|
5
|
-
alternative: "
|
|
6
|
-
media: "
|
|
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 = "
|
|
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 = "
|
|
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(--
|
|
3
|
-
}, y = "
|
|
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 = "
|
|
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 = "
|
|
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
package/src/button.css.ts
CHANGED
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';
|
package/src/package-version.tsx
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
// DO NOT EDIT THIS FILE. It's autogenerated by set-version.js
|
|
2
|
-
export const PACKAGE_VERSION = '16.
|
|
2
|
+
export const PACKAGE_VERSION = '16.71.0' as string;
|