@studiolxd/brand 49.0.0 → 49.0.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/CHANGELOG.md +32 -0
- package/dist/brand.css +21 -10
- package/dist/link.css +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -7,6 +7,38 @@ 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.0.1] — 2026-09-16
|
|
11
|
+
|
|
12
|
+
> **Patch.** Arregla una regresión de la v47.1.0: `Link.css` colgaba `inline-size:
|
|
13
|
+
> fit-content` de TODO `<a>` del documento (`a:where(:not(.button))`), no solo del enlace
|
|
14
|
+
> del sistema (`.link`). Cualquier `<a>` que fuera pieza de OTRO componente con su propia
|
|
15
|
+
> clase BEM y que no fijara su propio ancho se encogía a su texto: el ítem `link` de `Menu`
|
|
16
|
+
> (`<a class="menu__item">`, en `ContextMenu`/`UserMenu`) quedaba como una cajita junto a un
|
|
17
|
+
> ítem `button` que sí ocupaba la fila, y una `Card` con `href` (o `render={<a/>}`) dentro de
|
|
18
|
+
> una rejilla (`Columns align="stretch"`) se encogía a su título en vez de ocupar la celda —
|
|
19
|
+
> más visible cuanto más corto el título, porque el texto largo ya llenaba el hueco y
|
|
20
|
+
> disimulaba el bug.
|
|
21
|
+
|
|
22
|
+
### El arreglo
|
|
23
|
+
|
|
24
|
+
`inline-size: fit-content` sale del selector combinado y pasa a una regla aparte con
|
|
25
|
+
`:where(.link)` en solitario: solo el enlace del sistema (el átomo `Link`, o cualquier cosa
|
|
26
|
+
que lleve `class="link"`) se resiste a estirarse en un `Stack`/`Inline`. El `<a>` pelado
|
|
27
|
+
sigue vistiéndose (color, subrayado, foco) desde el selector de siempre, sin el
|
|
28
|
+
`inline-size`: lo que necesita su ancho de layout —`menu__item`, `card`, y cualquier otro
|
|
29
|
+
`<a>` con clase propia que no lo pise ya con su propio `width`/`inline-size`/`flex`— deja de
|
|
30
|
+
perderlo por una regla que no era la suya. Barrido el árbol de `src/`: ningún otro `<a>` de
|
|
31
|
+
componente (`sidebar-nav__link`, `breadcrumb__link`, `pagination__link`, `tabs__tab`,
|
|
32
|
+
`site-nav__link`, `project-card__link`…) dependía del `inline-size` que se retira — todos o
|
|
33
|
+
fijan su propio ancho o son enlaces de una sola palabra donde `fit-content` nunca actuaba.
|
|
34
|
+
|
|
35
|
+
Dos stories de contrato nuevas (`tags: ['!dev']`, corren en `test:stories`):
|
|
36
|
+
`Molecules/Menu` → «el ítem enlace ocupa el mismo ancho que el ítem botón», y
|
|
37
|
+
`Molecules/Card` → «cards enlazadas en rejilla ocupan su celda» (título corto y largo, mismo
|
|
38
|
+
ancho de celda). La story de `Atoms/Link` → «no se estira dentro de un Stack
|
|
39
|
+
`align="stretch"`» sigue en verde: sigue siendo `.link`, así que conserva su ancho de
|
|
40
|
+
contenido.
|
|
41
|
+
|
|
10
42
|
## [49.0.0] — 2026-09-16
|
|
11
43
|
|
|
12
44
|
> **Major.** La **última ola** del proveedor de textos, y la más distinta: el chat y las
|