@studiolxd/brand 49.26.0 → 49.28.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/CHANGELOG.md +26 -0
- package/dist/_shared/tokens.js +3 -3
- package/dist/_types/atoms/FileUpload/FileUpload.d.ts +5 -3
- package/dist/brand.css +4 -4
- package/dist/file-upload.js +90 -90
- package/dist/spinner.css +1 -1
- package/dist/spinner.js +1 -2
- package/dist/tokens.css +4 -4
- package/package.json +1 -1
- package/src/tokens/components/spinner.css +3 -3
- package/src/tokens/scss/components/_spinner.scss +3 -3
- package/src/tokens/tokens.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -7,6 +7,32 @@ El paquete sigue [semver](https://semver.org/lang/es/): **patch** para bug fixes
|
|
|
7
7
|
regeneración de `dist`, **minor** para componentes/props/variantes/tokens nuevos, **major**
|
|
8
8
|
para breaking changes.
|
|
9
9
|
|
|
10
|
+
## [49.28.0] — 2026-10-05
|
|
11
|
+
|
|
12
|
+
> **Minor (49.28.0).** El `Spinner` se desdibuja tras dibujarse y `lg` crece. Sin cambios de API.
|
|
13
|
+
|
|
14
|
+
### `Spinner` — recorrido en bucle y talla `lg`
|
|
15
|
+
|
|
16
|
+
- El contorno se dibuja desde la esquina superior izquierda y, ya completo, se **desdibuja** por el mismo recorrido
|
|
17
|
+
y vuelve a empezar: antes saltaba del cuadrado completo al vacío al cerrar el ciclo.
|
|
18
|
+
- `spinner.animation-duration` pasa de 1000ms a **2000ms**: un ciclo son ahora dibujar + desdibujar.
|
|
19
|
+
- `spinner.size-lg` pasa de 32px a **64px** (`spacing.8`) y `spinner.border-width-lg` de 3px a **2px**.
|
|
20
|
+
- Arreglo: con `vector-effect: non-scaling-stroke` el guion se mide en píxeles de pantalla y `pathLength` no vale; el
|
|
21
|
+
perímetro se calcula por talla (`--spinner-perimeter`) y el recorrido sale completo en `sm`, `md` y `lg`.
|
|
22
|
+
- Docs: se quita de `Spinner.mdx` el `Canvas` de una story «en oscuro» que ya no existía (rompía la página).
|
|
23
|
+
|
|
24
|
+
## [49.27.0] — 2026-10-05
|
|
25
|
+
|
|
26
|
+
> **Minor (49.27.0).** «Subiendo…» pasa a ser texto del catálogo de brand. **Atención:** `fileUpload.uploading`
|
|
27
|
+
> es una clave nueva y obligatoria de `BrandMessages`: cada aplicación debe añadirla a su catálogo (es, en, fr…).
|
|
28
|
+
|
|
29
|
+
### `FileUpload` / `FileUploadField` — texto de la subida por defecto
|
|
30
|
+
|
|
31
|
+
- Clave nueva **`fileUpload.uploading`** («Subiendo…» / «Uploading…»). `uploading` sin `uploadingLabel` anuncia
|
|
32
|
+
ese texto (antes salía de `spinner.label`, «Cargando…»).
|
|
33
|
+
- `uploadingLabelVisible` sin `uploadingLabel` propio **pinta** el texto del catálogo (antes no pintaba nada).
|
|
34
|
+
- Las fixtures de Storybook (es) y de tests (en) llevan la clave nueva.
|
|
35
|
+
|
|
10
36
|
## [49.26.0] — 2026-10-05
|
|
11
37
|
|
|
12
38
|
> **Minor (49.26.0).** `LoadingState` puede pintar su texto en esperas largas con pasos. Sin cambios
|
package/dist/_shared/tokens.js
CHANGED
|
@@ -1729,11 +1729,11 @@ var e = {
|
|
|
1729
1729
|
"--sparkline-baseline-color": "#6b6b6b",
|
|
1730
1730
|
"--spinner-size-sm": "1rem",
|
|
1731
1731
|
"--spinner-size-md": "1.5rem",
|
|
1732
|
-
"--spinner-size-lg": "
|
|
1732
|
+
"--spinner-size-lg": "4rem",
|
|
1733
1733
|
"--spinner-border-width-sm": "2px",
|
|
1734
1734
|
"--spinner-border-width-md": "2px",
|
|
1735
|
-
"--spinner-border-width-lg": "
|
|
1736
|
-
"--spinner-animation-duration": "
|
|
1735
|
+
"--spinner-border-width-lg": "2px",
|
|
1736
|
+
"--spinner-animation-duration": "2000ms",
|
|
1737
1737
|
"--stack-gap-sm": "0.5rem",
|
|
1738
1738
|
"--stack-gap-md": "1.5rem",
|
|
1739
1739
|
"--stack-gap-lg": "3rem",
|
|
@@ -34,6 +34,8 @@ export interface FileUploadMessages {
|
|
|
34
34
|
tooLarge: (maxSize: string) => string;
|
|
35
35
|
/** Error de tipo de archivo no admitido. */
|
|
36
36
|
invalidType: string;
|
|
37
|
+
/** Texto de la subida en curso («Subiendo…»): lo anuncia el lector y, con `uploadingLabelVisible`, se pinta en la zona. */
|
|
38
|
+
uploading: string;
|
|
37
39
|
}
|
|
38
40
|
export interface FileUploadProps {
|
|
39
41
|
multiple?: boolean;
|
|
@@ -57,13 +59,13 @@ export interface FileUploadProps {
|
|
|
57
59
|
/**
|
|
58
60
|
* Texto de la subida en curso («Subiendo 2 de 5…»). **No se ve** salvo con
|
|
59
61
|
* `uploadingLabelVisible`: es lo que anuncia el lector de pantalla. **Sin
|
|
60
|
-
* default**: sin él, sale de `
|
|
62
|
+
* default**: sin él, sale de `fileUpload.uploading` del `BrandMessagesProvider`.
|
|
61
63
|
*/
|
|
62
64
|
uploadingLabel?: string;
|
|
63
65
|
/**
|
|
64
66
|
* Pinta `uploadingLabel` en la zona, bajo el girador, para subidas largas con
|
|
65
|
-
* progreso por pasos.
|
|
66
|
-
*
|
|
67
|
+
* progreso por pasos. Sin `uploadingLabel` propio pinta el texto del catálogo
|
|
68
|
+
* (`fileUpload.uploading`, «Subiendo…»). Default `false`.
|
|
67
69
|
*/
|
|
68
70
|
uploadingLabelVisible?: boolean;
|
|
69
71
|
disabled?: boolean;
|