@ajuarezso/sui-design-system 0.25.2 → 0.26.1
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/docs/INDEX.md +3 -3
- package/docs/TEXTOS.md +85 -0
- package/docs/sui-activity-feed/README.md +19 -4
- package/docs/sui-alert/README.md +10 -0
- package/docs/sui-avatar-group/README.md +10 -0
- package/docs/sui-banner/README.md +10 -0
- package/docs/sui-brand-logo/README.md +10 -0
- package/docs/sui-breadcrumbs/README.md +10 -0
- package/docs/sui-checkbox-card/README.md +2 -1
- package/docs/sui-circular-progress-bar/README.md +10 -0
- package/docs/sui-color-dot/README.md +20 -0
- package/docs/sui-color-picker/README.md +20 -3
- package/docs/sui-command-menu-footer/README.md +17 -4
- package/docs/sui-command-menu-item/README.md +18 -10
- package/docs/sui-command-menu-search/README.md +18 -8
- package/docs/sui-compact-select/README.md +2 -0
- package/docs/sui-content-card/README.md +11 -1
- package/docs/sui-content-divider/README.md +11 -0
- package/docs/sui-counter-input/README.md +13 -2
- package/docs/sui-date-selector/README.md +11 -0
- package/docs/sui-datepicker/README.md +17 -0
- package/docs/sui-day-cell/README.md +10 -0
- package/docs/sui-drawer-footer/README.md +17 -2
- package/docs/sui-drawer-header/README.md +11 -1
- package/docs/sui-dropdown-menu/README.md +9 -1
- package/docs/sui-dropdown-search/README.md +21 -10
- package/docs/sui-file-icon/README.md +11 -0
- package/docs/sui-file-upload/README.md +14 -1
- package/docs/sui-file-upload-card/README.md +20 -4
- package/docs/sui-filter/README.md +27 -15
- package/docs/sui-image-upload/README.md +19 -0
- package/docs/sui-image-upload-profile/README.md +16 -2
- package/docs/sui-inline-input/README.md +15 -2
- package/docs/sui-input/README.md +12 -0
- package/docs/sui-integration-switch/README.md +10 -0
- package/docs/sui-modal/README.md +51 -3
- package/docs/sui-modal-footer/README.md +10 -0
- package/docs/sui-modal-header/README.md +10 -0
- package/docs/sui-modal-sheet/README.md +29 -14
- package/docs/sui-notification/README.md +12 -0
- package/docs/sui-notification-footer/README.md +14 -2
- package/docs/sui-notification-tab-menu/README.md +11 -1
- package/docs/sui-otp-input/README.md +12 -1
- package/docs/sui-pagination/README.md +16 -0
- package/docs/sui-password-strength/README.md +21 -3
- package/docs/sui-popover/README.md +15 -2
- package/docs/sui-progress-bar/README.md +10 -0
- package/docs/sui-radio/README.md +4 -1
- package/docs/sui-radio-label/README.md +5 -2
- package/docs/sui-rating/README.md +16 -2
- package/docs/sui-rich-editor/README.md +25 -2
- package/docs/sui-select/README.md +11 -1
- package/docs/sui-sidebar/README.md +18 -1
- package/docs/sui-slider/README.md +11 -0
- package/docs/sui-social-button/README.md +10 -0
- package/docs/sui-stepper/README.md +12 -1
- package/docs/sui-tab-chips/README.md +11 -0
- package/docs/sui-table/README.md +15 -1
- package/docs/sui-tag/README.md +11 -1
- package/docs/sui-tag-input/README.md +12 -1
- package/docs/sui-time-picker/README.md +19 -1
- package/docs/sui-toast/README.md +11 -0
- package/docs/sui-tooltip/README.md +10 -0
- package/docs/sui-topbar/README.md +15 -2
- package/docs/sui-topbar-user/README.md +10 -0
- package/fesm2022/ajuarezso-sui-design-system.mjs +857 -278
- package/fesm2022/ajuarezso-sui-design-system.mjs.map +1 -1
- package/package.json +1 -1
- package/types/ajuarezso-sui-design-system.d.ts +633 -91
|
@@ -174,7 +174,7 @@ en la columna de la derecha, se usa (aprobado por el dueño, 03-10-2026).
|
|
|
174
174
|
| `hint` | `string \| null` | `null` |
|
|
175
175
|
| `errorMessage` | `string \| null` | `null` |
|
|
176
176
|
| `error` | `boolean` | `false` |
|
|
177
|
-
| `placeholder` | `string
|
|
177
|
+
| `placeholder` | `string \| null` | `null` |
|
|
178
178
|
| `disabled` | `boolean` | `false` |
|
|
179
179
|
| `size` | `'small' \| 'medium' \| 'large' \| 'xlarge'` | `'medium'` |
|
|
180
180
|
| `format` | `'12h' \| '24h'` | `'12h'` |
|
|
@@ -229,6 +229,24 @@ Outputs: ninguno.
|
|
|
229
229
|
| `clicked` | `Event` |
|
|
230
230
|
<!-- api:fin -->
|
|
231
231
|
|
|
232
|
+
<!-- textos:inicio -->
|
|
233
|
+
### Textos
|
|
234
|
+
|
|
235
|
+
Lo que el componente escribe solo sale de `provideSuiTextos` (español por defecto, se cambia en vivo; ver `docs/TEXTOS.md`). El input de la última columna le gana al texto global.
|
|
236
|
+
|
|
237
|
+
| clave | por defecto | se pisa con |
|
|
238
|
+
|---|---|---|
|
|
239
|
+
| `fecha.hora` | Hora | — |
|
|
240
|
+
| `fecha.minuto` | Minuto | — |
|
|
241
|
+
| `fecha.amPm` | AM/PM | — |
|
|
242
|
+
| `fecha.duracionRapida` | Duración rápida | — |
|
|
243
|
+
| `fecha.eligeHora` | Elige una hora | `placeholder` |
|
|
244
|
+
| `fecha.disponible` | Disponible | `label` del status |
|
|
245
|
+
| `fecha.ocupado` | Ocupado | `label` del status |
|
|
246
|
+
| `fecha.enReunion` | En reunión | `label` del status |
|
|
247
|
+
| `fecha.desconectado` | Desconectado | `label` del status |
|
|
248
|
+
<!-- textos:fin -->
|
|
249
|
+
|
|
232
250
|
Es `ControlValueAccessor`; `writeValue` acepta también un string `"21:30"`.
|
|
233
251
|
|
|
234
252
|
```ts
|
package/docs/sui-toast/README.md
CHANGED
|
@@ -168,6 +168,17 @@ Inputs: ninguno.
|
|
|
168
168
|
Outputs: ninguno.
|
|
169
169
|
<!-- api:fin -->
|
|
170
170
|
|
|
171
|
+
<!-- textos:inicio -->
|
|
172
|
+
### Textos
|
|
173
|
+
|
|
174
|
+
Lo que el componente escribe solo sale de `provideSuiTextos` (español por defecto, se cambia en vivo; ver `docs/TEXTOS.md`). El input de la última columna le gana al texto global.
|
|
175
|
+
|
|
176
|
+
| clave | por defecto | se pisa con |
|
|
177
|
+
|---|---|---|
|
|
178
|
+
| `notificacion.region` | Notificaciones | — |
|
|
179
|
+
| `comun.cerrar` | Cerrar | — |
|
|
180
|
+
<!-- textos:fin -->
|
|
181
|
+
|
|
171
182
|
## Trampas
|
|
172
183
|
|
|
173
184
|
- **La X se toca en 44 × 44 en el teléfono** (40 × 40 en web) aunque se vea de 20 (un `::before`
|
|
@@ -174,6 +174,16 @@ Outputs: ninguno.
|
|
|
174
174
|
| `dismissed` | `void` |
|
|
175
175
|
<!-- api:fin -->
|
|
176
176
|
|
|
177
|
+
<!-- textos:inicio -->
|
|
178
|
+
### Textos
|
|
179
|
+
|
|
180
|
+
Lo que el componente escribe solo sale de `provideSuiTextos` (español por defecto, se cambia en vivo; ver `docs/TEXTOS.md`). El input de la última columna le gana al texto global.
|
|
181
|
+
|
|
182
|
+
| clave | por defecto | se pisa con |
|
|
183
|
+
|---|---|---|
|
|
184
|
+
| `comun.cerrar` | Cerrar | — |
|
|
185
|
+
<!-- textos:fin -->
|
|
186
|
+
|
|
177
187
|
```ts
|
|
178
188
|
interface SuiTooltipLargeData {
|
|
179
189
|
title: string;
|
|
@@ -109,6 +109,17 @@ es solo por ancho (≤ 768) y deja pasar un iPad de 769 a 1024 con `pointer: coa
|
|
|
109
109
|
| `searchSubmitted` | `string` |
|
|
110
110
|
<!-- api:fin -->
|
|
111
111
|
|
|
112
|
+
<!-- textos:inicio -->
|
|
113
|
+
### Textos
|
|
114
|
+
|
|
115
|
+
Lo que el componente escribe solo sale de `provideSuiTextos` (español por defecto, se cambia en vivo; ver `docs/TEXTOS.md`). El input de la última columna le gana al texto global.
|
|
116
|
+
|
|
117
|
+
| clave | por defecto | se pisa con |
|
|
118
|
+
|---|---|---|
|
|
119
|
+
| `navegacion.principal` | Principal | — |
|
|
120
|
+
| `comun.buscar` | Buscar… | `search.placeholder` |
|
|
121
|
+
<!-- textos:fin -->
|
|
122
|
+
|
|
112
123
|
```ts
|
|
113
124
|
interface SuiTopbarEntry {
|
|
114
125
|
value: string; // lo emite (itemClicked) y se compara con activeValue
|
|
@@ -121,7 +132,7 @@ interface SuiTopbarEntry {
|
|
|
121
132
|
target?: string;
|
|
122
133
|
}
|
|
123
134
|
interface SuiTopbarAction { value: string; icon: string; ariaLabel?: string; dot?: boolean; }
|
|
124
|
-
interface SuiTopbarSearchConfig { placeholder?: string; shortcut?: string; compact?: boolean; }
|
|
135
|
+
interface SuiTopbarSearchConfig { placeholder?: string; ariaLabel?: string; shortcut?: string; compact?: boolean; }
|
|
125
136
|
interface SuiTopbarUserConfig { name?: string; avatar?: SuiAvatarConfig | string; verified?: boolean; }
|
|
126
137
|
```
|
|
127
138
|
|
|
@@ -138,7 +149,9 @@ Slot: `<ng-content select="[topbar-logo]">` — el logo (una `<img>` directa se
|
|
|
138
149
|
- Si `actions[].ariaLabel` falta, el lector de pantalla lee el `value` (`'notifications'`): pásalo
|
|
139
150
|
siempre en español.
|
|
140
151
|
- El buscador no busca: expone `[(searchValue)]` y `(searchSubmitted)` con Enter. El placeholder
|
|
141
|
-
por defecto es «Buscar
|
|
152
|
+
por defecto es «Buscar…», igual que en `sui-sidebar` (con elipsis desde 0.26.0). El campo lleva
|
|
153
|
+
`enterkeyhint="search"` sin `inputmode` (D14), sube a 16 px en ≤ 767 px y su nombre accesible es
|
|
154
|
+
`ariaLabel` o el placeholder.
|
|
142
155
|
- El chip de usuario no abre ningún menú: emite `(userClicked)` y solo cambia de aspecto con
|
|
143
156
|
`userOpen`.
|
|
144
157
|
- El host lleva `role="banner"`: una sola por página.
|
|
@@ -74,6 +74,16 @@ es solo por ancho (≤ 768) y deja pasar un iPad de 769 a 1024 con `pointer: coa
|
|
|
74
74
|
| `clicked` | `void` |
|
|
75
75
|
<!-- api:fin -->
|
|
76
76
|
|
|
77
|
+
<!-- textos:inicio -->
|
|
78
|
+
### Textos
|
|
79
|
+
|
|
80
|
+
Lo que el componente escribe solo sale de `provideSuiTextos` (español por defecto, se cambia en vivo; ver `docs/TEXTOS.md`). El input de la última columna le gana al texto global.
|
|
81
|
+
|
|
82
|
+
| clave | por defecto | se pisa con |
|
|
83
|
+
|---|---|---|
|
|
84
|
+
| `comun.verificado` | Verificado | — |
|
|
85
|
+
<!-- textos:fin -->
|
|
86
|
+
|
|
77
87
|
## Trampas
|
|
78
88
|
|
|
79
89
|
- **No abre ningún menú.** Emite `(clicked)` y lleva `aria-haspopup="menu"`: el menú
|