@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.
Files changed (12) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/_shared/tokens.js +3 -3
  3. package/dist/_types/atoms/FileUpload/FileUpload.d.ts +5 -3
  4. package/dist/brand.css +4 -4
  5. package/dist/file-upload.js +90 -90
  6. package/dist/spinner.css +1 -1
  7. package/dist/spinner.js +1 -2
  8. package/dist/tokens.css +4 -4
  9. package/package.json +1 -1
  10. package/src/tokens/components/spinner.css +3 -3
  11. package/src/tokens/scss/components/_spinner.scss +3 -3
  12. package/src/tokens/tokens.json +3 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@studiolxd/brand",
3
- "version": "49.26.0",
3
+ "version": "49.28.0",
4
4
  "description": "El sistema de diseño de Studio LXD: componentes React, tokens y documentación de la suite SLXD.",
5
5
  "repository": {
6
6
  "type": "git",
package/src/tokens/components/spinner.css CHANGED
@@ -5,9 +5,9 @@
5
5
  :root {
6
6
  --spinner-border-width-sm: 2px; /** Grosor del trazo (stroke) para sm */
7
7
  --spinner-border-width-md: 2px; /** Grosor del trazo (stroke) para md */
8
- --spinner-border-width-lg: 3px; /** Grosor del trazo (stroke) para lg */
9
- --spinner-animation-duration: 1000ms; /** Tiempo en dibujar el contorno completo (un ciclo del bucle) */
8
+ --spinner-border-width-lg: 2px; /** Grosor del trazo (stroke) para lg */
9
+ --spinner-animation-duration: 2000ms; /** Un ciclo del bucle: dibujar el contorno (mitad) y desdibujarlo (mitad) */
10
10
  --spinner-size-sm: var(--spacing-4); /** 16px — compact spinner */
11
11
  --spinner-size-md: var(--spacing-5); /** 24px — default spinner */
12
- --spinner-size-lg: var(--spacing-6); /** 32px — large spinner */
12
+ --spinner-size-lg: var(--spacing-8); /** 64px — large spinner */
13
13
  }
package/src/tokens/scss/components/_spinner.scss CHANGED
@@ -3,8 +3,8 @@
3
3
 
4
4
  $lxd-spinner-size-sm: 1rem; // 16px — compact spinner
5
5
  $lxd-spinner-size-md: 1.5rem; // 24px — default spinner
6
- $lxd-spinner-size-lg: 2rem; // 32px — large spinner
6
+ $lxd-spinner-size-lg: 4rem; // 64px — large spinner
7
7
  $lxd-spinner-border-width-sm: 2px; // Grosor del trazo (stroke) para sm
8
8
  $lxd-spinner-border-width-md: 2px; // Grosor del trazo (stroke) para md
9
- $lxd-spinner-border-width-lg: 3px; // Grosor del trazo (stroke) para lg
10
- $lxd-spinner-animation-duration: 1000ms; // Tiempo en dibujar el contorno completo (un ciclo del bucle)
9
+ $lxd-spinner-border-width-lg: 2px; // Grosor del trazo (stroke) para lg
10
+ $lxd-spinner-animation-duration: 2000ms; // Un ciclo del bucle: dibujar el contorno (mitad) y desdibujarlo (mitad)
package/src/tokens/tokens.json CHANGED
@@ -1727,11 +1727,11 @@
1727
1727
  "--sparkline-baseline-color": "#6b6b6b",
1728
1728
  "--spinner-size-sm": "1rem",
1729
1729
  "--spinner-size-md": "1.5rem",
1730
- "--spinner-size-lg": "2rem",
1730
+ "--spinner-size-lg": "4rem",
1731
1731
  "--spinner-border-width-sm": "2px",
1732
1732
  "--spinner-border-width-md": "2px",
1733
- "--spinner-border-width-lg": "3px",
1734
- "--spinner-animation-duration": "1000ms",
1733
+ "--spinner-border-width-lg": "2px",
1734
+ "--spinner-animation-duration": "2000ms",
1735
1735
  "--stack-gap-sm": "0.5rem",
1736
1736
  "--stack-gap-md": "1.5rem",
1737
1737
  "--stack-gap-lg": "3rem",